diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 3bfc1c69..6992534f 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -2440,6 +2440,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -2692,6 +2706,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -2874,6 +2902,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -2916,6 +2958,20 @@ exports[`shapshots calendar 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", @@ -2944,6 +3000,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -4758,6 +4828,16 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "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", @@ -6770,6 +6850,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -6860,6 +6945,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -6925,6 +7015,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -6940,6 +7035,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -6950,6 +7050,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -7440,6 +7545,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -8639,6 +8747,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -8729,6 +8842,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -8794,6 +8912,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -8809,6 +8932,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -8819,6 +8947,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -9309,6 +9442,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -10508,6 +10644,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -10598,6 +10739,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -10663,6 +10809,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -10678,6 +10829,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -10688,6 +10844,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -11178,6 +11339,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -13955,6 +14119,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -14207,6 +14385,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -14389,6 +14581,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -14431,6 +14637,20 @@ exports[`shapshots calendarDark 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, #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", @@ -14459,6 +14679,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -16273,6 +16507,16 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "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", @@ -18285,6 +18529,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -18375,6 +18624,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -18440,6 +18694,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -18455,6 +18714,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -18465,6 +18729,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -18955,6 +19224,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -20154,6 +20426,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -20244,6 +20521,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -20309,6 +20591,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -20324,6 +20611,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -20334,6 +20626,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -20824,6 +21121,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -22023,6 +22323,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -22113,6 +22418,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -22178,6 +22488,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -22193,6 +22508,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -22203,6 +22523,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -22693,6 +23018,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -23804,6 +24132,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -24056,6 +24398,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -24238,6 +24594,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -24280,6 +24650,20 @@ exports[`shapshots calls 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, #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", @@ -24308,6 +24692,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -25806,6 +26204,16 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "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", @@ -27238,6 +27646,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -27328,6 +27741,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -27393,6 +27811,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -27408,6 +27831,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -27418,6 +27846,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -27805,6 +28238,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -28424,6 +28860,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -28514,6 +28955,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -28579,6 +29025,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -28594,6 +29045,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -28604,6 +29060,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -28991,6 +29452,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -29610,6 +30074,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -29700,6 +30169,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -29765,6 +30239,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -29780,6 +30259,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -29790,6 +30274,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -30177,6 +30666,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -31288,6 +31780,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -31540,6 +32046,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -31722,6 +32242,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -31764,6 +32298,20 @@ exports[`shapshots cloud 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", @@ -31792,6 +32340,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -33398,6 +33960,16 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "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", @@ -34826,6 +35398,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -34916,6 +35493,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -34981,6 +35563,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -34996,6 +35583,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -35006,6 +35598,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -35429,6 +36026,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -36047,6 +36647,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -36137,6 +36742,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -36202,6 +36812,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -36217,6 +36832,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -36227,6 +36847,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -36650,6 +37275,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -37268,6 +37896,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -37358,6 +37991,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -37423,6 +38061,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -37438,6 +38081,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -37448,6 +38096,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -37871,6 +38524,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -38981,6 +39637,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -39233,6 +39903,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -39415,6 +40099,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -39457,6 +40155,20 @@ exports[`shapshots cloudDark 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, #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", @@ -39485,6 +40197,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -41015,6 +41741,16 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "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", @@ -42447,6 +43183,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -42537,6 +43278,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -42602,6 +43348,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -42617,6 +43368,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -42627,6 +43383,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -43028,6 +43789,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -43647,6 +44411,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -43737,6 +44506,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -43802,6 +44576,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -43817,6 +44596,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -43827,6 +44611,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -44228,6 +45017,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -44847,6 +45639,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -44937,6 +45734,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -45002,6 +45804,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -45017,6 +45824,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -45027,6 +45839,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -45428,6 +46245,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -46539,6 +47359,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -46791,6 +47625,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -46973,6 +47821,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -47015,6 +47877,20 @@ exports[`shapshots home 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", @@ -47043,6 +47919,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -48655,6 +49545,16 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "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", @@ -50087,6 +50987,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -50177,6 +51082,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -50242,6 +51152,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -50257,6 +51172,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -50267,6 +51187,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -50696,6 +51621,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -51315,6 +52243,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -51405,6 +52338,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -51470,6 +52408,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -51485,6 +52428,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -51495,6 +52443,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -51924,6 +52877,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -52543,6 +53499,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -52633,6 +53594,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -52698,6 +53664,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -52713,6 +53684,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -52723,6 +53699,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -53152,6 +54133,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -54263,6 +55247,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -54515,6 +55513,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -54697,6 +55709,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -54739,6 +55765,20 @@ exports[`shapshots homeDark 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, #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", @@ -54767,6 +55807,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -56379,6 +57433,16 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "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", @@ -57807,6 +58871,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -57897,6 +58966,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -57962,6 +59036,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -57977,6 +59056,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -57987,6 +59071,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -58416,6 +59505,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -59034,6 +60126,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -59124,6 +60221,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -59189,6 +60291,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -59204,6 +60311,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -59214,6 +60326,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -59643,6 +60760,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -60261,6 +61381,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -60351,6 +61476,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -60416,6 +61546,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -60431,6 +61566,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -60441,6 +61581,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -60870,6 +62015,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -61988,6 +63136,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -62240,6 +63402,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -62744,6 +63920,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -62786,6 +63976,20 @@ exports[`shapshots media 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", @@ -62814,6 +64018,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -65230,6 +66448,16 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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", @@ -66706,6 +67934,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -66796,6 +68029,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -66976,6 +68214,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -66991,6 +68234,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -67001,6 +68249,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -67625,6 +68878,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -68261,6 +69517,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -68351,6 +69612,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -68531,6 +69797,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -68546,6 +69817,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -68556,6 +69832,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -69180,6 +70461,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -69816,6 +71100,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -69906,6 +71195,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -70086,6 +71380,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -70101,6 +71400,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -70111,6 +71415,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -70735,6 +72044,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -71863,6 +73175,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -72115,6 +73441,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -72619,6 +73959,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -72661,6 +74015,20 @@ exports[`shapshots mediaDark 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, #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", @@ -72689,6 +74057,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -75105,6 +76487,16 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "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", @@ -76581,6 +77973,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -76671,6 +78068,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -76851,6 +78253,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -76866,6 +78273,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -76876,6 +78288,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -77500,6 +78917,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -78136,6 +79556,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -78226,6 +79651,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -78406,6 +79836,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -78421,6 +79856,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -78431,6 +79871,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -79055,6 +80500,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -79691,6 +81139,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -79781,6 +81234,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -79961,6 +81419,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -79976,6 +81439,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -79986,6 +81454,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -80610,6 +82083,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -81738,6 +83214,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -81990,6 +83480,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -82508,6 +84012,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -82550,6 +84068,20 @@ exports[`shapshots mycom 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", @@ -82578,6 +84110,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -84994,6 +86540,16 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "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", @@ -86462,6 +88018,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -86552,6 +88113,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -86737,6 +88303,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -86752,6 +88323,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#009FE4", "hover": "#00A5EB", @@ -86762,6 +88338,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -87386,6 +88967,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -88020,6 +89604,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -88110,6 +89699,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -88295,6 +89889,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -88310,6 +89909,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #009FE4)", "hover": "var(--vkui--color_text_accent--hover, #00A5EB)", @@ -88320,6 +89924,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -88944,6 +90553,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -89578,6 +91190,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -89668,6 +91285,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -89853,6 +91475,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -89868,6 +91495,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#009FE4", "hover": "#00A5EB", @@ -89878,6 +91510,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -90502,6 +92139,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -91662,6 +93302,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -91914,6 +93568,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -92446,6 +94114,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -92488,6 +94170,20 @@ exports[`shapshots octavius 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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -92656,6 +94352,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -95826,6 +97536,16 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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", @@ -97273,6 +98993,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -97363,6 +99088,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -97553,6 +99283,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -97568,6 +99303,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -97628,6 +99368,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -98604,6 +100349,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -99238,6 +100986,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -99328,6 +101081,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", @@ -99518,6 +101276,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -99533,6 +101296,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", @@ -99593,6 +101361,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -100569,6 +102342,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -101203,6 +102979,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -101293,6 +103074,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -101483,6 +103269,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -101498,6 +103289,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -101558,6 +103354,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -102534,6 +104335,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -103687,6 +105491,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -103939,6 +105757,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -104471,6 +106303,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -104513,6 +106359,20 @@ exports[`shapshots octaviusCompact 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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -104681,6 +106541,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -107855,6 +109729,16 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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", @@ -109302,6 +111186,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -109392,6 +111281,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -109582,6 +111476,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -109597,6 +111496,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -109657,6 +111561,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -110634,6 +112543,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -111268,6 +113180,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -111358,6 +113275,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", @@ -111548,6 +113470,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -111563,6 +113490,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", @@ -111623,6 +113555,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -112600,6 +114537,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -113234,6 +115174,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -113324,6 +115269,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -113514,6 +115464,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -113529,6 +115484,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -113589,6 +115549,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -114566,6 +116531,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -115719,6 +117687,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -115971,6 +117953,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -116503,6 +118499,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -116545,6 +118555,20 @@ exports[`shapshots octaviusCompactDark 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, #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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -116713,6 +118737,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -119887,6 +121925,16 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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", @@ -121334,6 +123382,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -121424,6 +123477,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -121614,6 +123672,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -121629,6 +123692,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -121689,6 +123757,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -122666,6 +124739,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -123300,6 +125376,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -123390,6 +125471,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", @@ -123580,6 +125666,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -123595,6 +125686,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", @@ -123655,6 +125751,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -124632,6 +126733,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -125266,6 +127370,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -125356,6 +127465,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -125546,6 +127660,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -125561,6 +127680,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -125621,6 +127745,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -126598,6 +128727,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -127751,6 +129883,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -128003,6 +130149,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -128535,6 +130695,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -128577,6 +130751,20 @@ exports[`shapshots octaviusDark 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, #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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -128745,6 +130933,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -131915,6 +134117,16 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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", @@ -133362,6 +135574,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -133452,6 +135669,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -133642,6 +135864,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -133657,6 +135884,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -133717,6 +135949,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -134693,6 +136930,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -135327,6 +137567,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -135417,6 +137662,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", @@ -135607,6 +137857,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -135622,6 +137877,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", @@ -135682,6 +137942,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -136658,6 +138923,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -137292,6 +139560,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -137382,6 +139655,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -137572,6 +139850,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -137587,6 +139870,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -137647,6 +139935,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -138623,6 +140916,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -139776,6 +142072,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #2688eb)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -140028,6 +142338,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -140560,6 +142884,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #2688eb)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -140602,6 +142940,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -140770,6 +143122,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #2688eb)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -143892,6 +146258,16 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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", @@ -145339,6 +147715,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -145429,6 +147810,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -145619,6 +148005,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -145634,6 +148025,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -145694,6 +148090,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -146653,6 +149054,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -147287,6 +149691,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #237EDD)", + "hover": "var(--vkui--color_icon_button--hover, #2483E4)", + "normal": "var(--vkui--color_icon_button, #2688eb)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -147377,6 +149786,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", @@ -147567,6 +149981,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #237EDD)", + "hover": "var(--vkui--color_stroke_button--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_button, #2688eb)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -147582,6 +150001,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", @@ -147642,6 +150066,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #237EDD)", + "hover": "var(--vkui--color_text_button--hover, #2483E4)", + "normal": "var(--vkui--color_text_button, #2688eb)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -148601,6 +151030,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -149235,6 +151667,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -149325,6 +151762,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -149515,6 +151957,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -149530,6 +151977,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -149590,6 +152042,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -150549,6 +153006,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -151702,6 +154162,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -151954,6 +154428,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -152486,6 +154974,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -152528,6 +155030,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -152696,6 +155212,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -155818,6 +158348,16 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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", @@ -157265,6 +159805,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -157355,6 +159900,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -157545,6 +160095,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -157560,6 +160115,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -157620,6 +160180,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -158579,6 +161144,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -159213,6 +161781,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -159303,6 +161876,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, rgb(55, 56, 57, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", @@ -159493,6 +162071,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -159508,6 +162091,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", @@ -159568,6 +162156,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -160527,6 +163120,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -161161,6 +163757,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -161251,6 +163852,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPaletteBlue1": { "active": "#3A5FFF", "hover": "#3258FF", @@ -161441,6 +164047,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -161456,6 +164067,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTagBackgroundMint": { "active": "#B9F1E0", "hover": "#B6F1DE", @@ -161516,6 +164132,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -162475,6 +165096,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -163628,6 +166252,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -163880,6 +166518,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", @@ -164412,6 +167064,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -164454,6 +167120,20 @@ exports[`shapshots octaviusWhite 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)", + }, + }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", @@ -164622,6 +167302,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -167792,6 +170486,16 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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", @@ -169239,6 +171943,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -169329,6 +172038,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -169519,6 +172233,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -169534,6 +172253,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -169594,6 +172318,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -170570,6 +173299,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -171204,6 +173936,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -171294,6 +174031,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", @@ -171484,6 +174226,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -171499,6 +174246,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", @@ -171559,6 +174311,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -172535,6 +175292,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -173169,6 +175929,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -173259,6 +176024,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPaletteBlue1": { "active": "#264CEF", "hover": "#274EF7", @@ -173449,6 +176219,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -173464,6 +176239,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTagBackgroundMint": { "active": "#A5DED0", "hover": "#ACE7D7", @@ -173524,6 +176304,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -174500,6 +177285,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -175607,6 +178395,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -175859,6 +178661,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -176041,6 +178857,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -176083,6 +178913,20 @@ exports[`shapshots otvet 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", @@ -176111,6 +178955,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -177597,6 +180455,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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", @@ -178937,6 +181805,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -179027,6 +181900,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -179092,6 +181970,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -179107,6 +181990,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -179117,6 +182005,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -179490,6 +182383,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -180083,6 +182979,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -180173,6 +183074,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -180238,6 +183144,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -180253,6 +183164,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -180263,6 +183179,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -180636,6 +183557,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -181229,6 +184153,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -181319,6 +184248,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -181384,6 +184318,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -181399,6 +184338,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -181409,6 +184353,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -181782,6 +184731,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -182867,6 +185819,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -183119,6 +186085,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -183301,6 +186281,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -183343,6 +186337,20 @@ exports[`shapshots otvetDark 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, #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", @@ -183371,6 +186379,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -184857,6 +187879,16 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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", @@ -186197,6 +189229,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -186287,6 +189324,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -186352,6 +189394,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -186367,6 +189414,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -186377,6 +189429,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -186750,6 +189807,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -187343,6 +190403,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -187433,6 +190498,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -187498,6 +190568,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -187513,6 +190588,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -187523,6 +190603,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -187896,6 +190981,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -188489,6 +191577,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -188579,6 +191672,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -188644,6 +191742,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -188659,6 +191762,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -188669,6 +191777,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -189042,6 +192155,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -190131,6 +193247,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -190383,6 +193513,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -190565,6 +193709,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -190607,6 +193765,20 @@ exports[`shapshots paradigmBase 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", @@ -190635,6 +193807,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -192165,6 +195351,16 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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", @@ -193593,6 +196789,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -193683,6 +196884,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -193748,6 +196954,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -193763,6 +196974,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -193773,6 +196989,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -194174,6 +197395,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -194792,6 +198016,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -194882,6 +198111,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -194947,6 +198181,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -194962,6 +198201,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -194972,6 +198216,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -195373,6 +198622,9 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -195991,6 +199243,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -196081,6 +199338,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -196146,6 +199408,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -196161,6 +199428,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -196171,6 +199443,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -196572,6 +199849,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -197682,6 +200962,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -197934,6 +201228,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -198116,6 +201424,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -198158,6 +201480,20 @@ exports[`shapshots paradigmBaseDark 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, #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", @@ -198186,6 +201522,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -199716,6 +203066,16 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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", @@ -201148,6 +204508,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -201238,6 +204603,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -201303,6 +204673,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -201318,6 +204693,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -201328,6 +204708,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -201729,6 +205114,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -202348,6 +205736,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -202438,6 +205831,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -202503,6 +205901,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -202518,6 +205921,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -202528,6 +205936,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -202929,6 +206342,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -203548,6 +206964,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -203638,6 +207059,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -203703,6 +207129,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -203718,6 +207149,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -203728,6 +207164,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -204129,6 +207570,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -205248,6 +208692,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -205500,6 +208958,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -206018,6 +209490,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -206060,6 +209546,20 @@ exports[`shapshots pharma 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", @@ -206088,6 +209588,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -208504,6 +212018,16 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "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", @@ -209980,6 +213504,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -210070,6 +213599,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -210255,6 +213789,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -210270,6 +213809,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#1BC39A", "hover": "#1CCB9E", @@ -210280,6 +213824,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -210904,6 +214453,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -211540,6 +215092,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -211630,6 +215187,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -211815,6 +215377,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -211830,6 +215397,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #1BC39A)", "hover": "var(--vkui--color_text_accent--hover, #1CCB9E)", @@ -211840,6 +215412,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -212464,6 +216041,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -213100,6 +216680,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -213190,6 +216775,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -213375,6 +216965,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -213390,6 +216985,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#1BC39A", "hover": "#1CCB9E", @@ -213400,6 +217000,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -214024,6 +217629,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -215144,6 +218752,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -215396,6 +219018,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -215578,6 +219214,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -215620,6 +219270,20 @@ exports[`shapshots portalUI 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", @@ -215648,6 +219312,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -217494,6 +221172,16 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "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", @@ -218926,6 +222614,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -219016,6 +222709,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -219081,6 +222779,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -219096,6 +222799,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -219106,6 +222814,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -219613,6 +223326,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -220232,6 +223948,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -220322,6 +224043,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -220387,6 +224113,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -220402,6 +224133,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -220412,6 +224148,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -220919,6 +224660,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -221538,6 +225282,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -221628,6 +225377,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -221693,6 +225447,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -221708,6 +225467,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -221718,6 +225482,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -222225,6 +225994,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -223336,6 +227108,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -223588,6 +227374,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -223770,6 +227570,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -223812,6 +227626,20 @@ exports[`shapshots portalUIDark 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, #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", @@ -223840,6 +227668,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -225686,6 +229528,16 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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", @@ -227114,6 +230966,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -227204,6 +231061,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -227269,6 +231131,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -227284,6 +231151,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -227294,6 +231166,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -227801,6 +231678,9 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -228419,6 +232299,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -228509,6 +232394,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "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))", }, + "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -228574,6 +232464,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -228589,6 +232484,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -228599,6 +232499,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -229106,6 +233011,9 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -229724,6 +233632,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -229814,6 +233727,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -229879,6 +233797,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -229894,6 +233817,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -229904,6 +233832,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -230411,6 +234344,9 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -231537,6 +235473,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -231789,6 +235739,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -231971,6 +235935,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -232013,6 +235991,20 @@ exports[`shapshots promo 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", @@ -232041,6 +236033,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -233803,6 +237809,16 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "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", @@ -235799,6 +239815,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -235889,6 +239910,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -235954,6 +239980,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -235969,6 +240000,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -235979,6 +240015,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -236458,6 +240499,9 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -237238,6 +241282,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -237328,6 +241377,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -237393,6 +241447,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -237408,6 +241467,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -237418,6 +241482,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -237897,6 +241966,9 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -238677,6 +242749,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -238767,6 +242844,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -238832,6 +242914,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -238847,6 +242934,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -238857,6 +242949,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -239336,6 +243433,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -250630,6 +254730,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -250882,6 +254996,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -251064,6 +255192,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -251106,6 +255248,20 @@ exports[`shapshots search 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", @@ -251134,6 +255290,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -253666,6 +257836,16 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "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", @@ -255098,6 +259278,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -255188,6 +259373,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -255253,6 +259443,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -255268,6 +259463,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -255278,6 +259478,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -255934,6 +260139,9 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -256553,6 +260761,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -256643,6 +260856,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -256708,6 +260926,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -256723,6 +260946,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -256733,6 +260961,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -257389,6 +261622,9 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -258008,6 +262244,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -258098,6 +262339,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -258163,6 +262409,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -258178,6 +262429,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -258188,6 +262444,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -258844,6 +263105,9 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -259955,6 +264219,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -260207,6 +264485,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -260389,6 +264681,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -260431,6 +264737,20 @@ 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", @@ -260459,6 +264779,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -261989,6 +266323,16 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -263421,6 +267765,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -263511,6 +267860,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -263576,6 +267930,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -263591,6 +267950,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -263601,6 +267965,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -264002,6 +268371,9 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -264621,6 +268993,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -264711,6 +269088,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -264776,6 +269158,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -264791,6 +269178,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -264801,6 +269193,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -265202,6 +269599,9 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -265821,6 +270221,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -265911,6 +270316,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -265976,6 +270386,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -265991,6 +270406,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -266001,6 +270421,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -266402,6 +270827,9 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -267293,6 +271721,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #2688eb)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -267545,6 +271987,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -267713,6 +272169,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #2688eb)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -267755,6 +272225,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "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", @@ -267783,6 +272267,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #2688eb)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -269065,6 +273563,16 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "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", @@ -269806,6 +274314,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -269896,6 +274409,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -269956,6 +274474,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -269971,6 +274494,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -269981,6 +274509,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -270320,6 +274853,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -270679,6 +275215,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #237EDD)", + "hover": "var(--vkui--color_icon_button--hover, #2483E4)", + "normal": "var(--vkui--color_icon_button, #2688eb)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -270769,6 +275310,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", @@ -270829,6 +275375,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #237EDD)", + "hover": "var(--vkui--color_stroke_button--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_button, #2688eb)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -270844,6 +275395,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "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)", @@ -270854,6 +275410,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #237EDD)", + "hover": "var(--vkui--color_text_button--hover, #2483E4)", + "normal": "var(--vkui--color_text_button, #2688eb)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -271193,6 +275754,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -271552,6 +276116,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -271642,6 +276211,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -271702,6 +276276,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -271717,6 +276296,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -271727,6 +276311,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -272066,6 +276655,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -272782,6 +277374,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -273034,6 +277640,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -273202,6 +277822,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -273244,6 +277878,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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", @@ -273272,6 +277920,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -274554,6 +279216,16 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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", @@ -275299,6 +279971,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -275389,6 +280066,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -275449,6 +280131,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -275464,6 +280151,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -275474,6 +280166,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -275813,6 +280510,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -276173,6 +280873,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -276263,6 +280968,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -276323,6 +281033,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -276338,6 +281053,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "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, #60A6F5)", "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", @@ -276348,6 +281068,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -276687,6 +281412,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "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)", }, @@ -277047,6 +281775,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -277137,6 +281870,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -277197,6 +281935,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -277212,6 +281955,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -277222,6 +281970,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -277561,6 +282314,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -278155,15 +282911,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", }, }, "colorBackgroundTertiary": { @@ -278278,6 +283034,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #447BBA)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #346297)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -278530,6 +283300,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -278698,6 +283482,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #447BBA)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #346297)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -278740,6 +283538,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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", @@ -278768,6 +283580,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #447BBA)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #346297)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -280050,6 +284876,16 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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", @@ -280751,9 +285587,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(200, 212, 224, 0.99)", + "hover": "rgba(213, 224, 234, 0.99)", + "normal": "rgba(229, 235, 241, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -280795,6 +285631,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorIconButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -280885,6 +285726,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#3F72B0", "hover": "#4177B5", @@ -280945,6 +285791,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorStrokeButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -280960,6 +285811,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#3F72B0", "hover": "#4177B5", @@ -280970,6 +285826,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorTextButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -281309,6 +286170,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -281625,9 +286489,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_secondary, #F0F2F5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", @@ -281669,6 +286533,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_icon_accent_themed, #447BBA)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #305B90)", + "hover": "var(--vkui--color_icon_button--hover, #325F93)", + "normal": "var(--vkui--color_icon_button, #346297)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -281759,6 +286628,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", @@ -281819,6 +286693,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_stroke_accent_themed, #447BBA)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #305B90)", + "hover": "var(--vkui--color_stroke_button--hover, #325F93)", + "normal": "var(--vkui--color_stroke_button, #346297)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -281834,6 +286713,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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, #3F72B0)", "hover": "var(--vkui--color_text_accent--hover, #4177B5)", @@ -281844,6 +286728,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_text_accent_themed, #447BBA)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #305B90)", + "hover": "var(--vkui--color_text_button--hover, #325F93)", + "normal": "var(--vkui--color_text_button, #346297)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -282183,6 +287072,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -282499,9 +287391,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(200, 212, 224, 0.99)", + "hover": "rgba(213, 224, 234, 0.99)", + "normal": "rgba(229, 235, 241, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -282543,6 +287435,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorIconButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -282633,6 +287530,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#3F72B0", "hover": "#4177B5", @@ -282693,6 +287595,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorStrokeButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -282708,6 +287615,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#3F72B0", "hover": "#4177B5", @@ -282718,6 +287630,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorTextButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -283057,6 +287974,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -283774,6 +288694,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #E1E3E6)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -284026,6 +288960,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -284194,6 +289142,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #E1E3E6)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -284236,6 +289198,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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", @@ -284264,6 +289240,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #E1E3E6)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -284421,15 +289411,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #B8B8B8)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #B5B5B5)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #B2B2B2)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSubhead": { @@ -285546,6 +290536,16 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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", @@ -286291,6 +291291,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorIconButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorIconContrast": { "active": "#E3E5E8", "hover": "#E2E4E7", @@ -286381,6 +291386,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -286441,6 +291451,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorStrokeButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -286456,6 +291471,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -286466,6 +291486,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorTextButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -286522,9 +291547,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#333333", }, "colorTextSecondary": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#B2B2B2", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { "active": "#9C9C9C", @@ -286805,6 +291830,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -287165,6 +292193,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_button, #E1E3E6)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", @@ -287255,6 +292288,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -287315,6 +292353,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_button, #E1E3E6)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -287330,6 +292373,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "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, #7CB1ED)", "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", @@ -287340,6 +292388,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #E3E5E8)", + "hover": "var(--vkui--color_text_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_button, #E1E3E6)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -287396,9 +292449,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #B8B8B8)", - "hover": "var(--vkui--color_text_secondary--hover, #B5B5B5)", - "normal": "var(--vkui--color_text_secondary, #B2B2B2)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSubhead": { "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", @@ -287679,6 +292732,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "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)", }, @@ -288039,6 +293095,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorIconButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorIconContrast": { "active": "#E3E5E8", "hover": "#E2E4E7", @@ -288129,6 +293190,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -288189,6 +293255,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorStrokeButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -288204,6 +293275,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -288214,6 +293290,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorTextButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -288270,9 +293351,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "colorTextSecondary": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#B2B2B2", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { "active": "#9C9C9C", @@ -288553,6 +293634,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -289270,6 +294354,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #2688eb)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -289522,6 +294620,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -289690,6 +294802,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #2688eb)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -289732,6 +294858,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "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", @@ -289760,6 +294900,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #2688eb)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -291042,6 +296196,16 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "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", @@ -291787,6 +296951,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -291877,6 +297046,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -291937,6 +297111,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -291952,6 +297131,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -291962,6 +297146,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -292301,6 +297490,9 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -292661,6 +297853,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #237EDD)", + "hover": "var(--vkui--color_icon_button--hover, #2483E4)", + "normal": "var(--vkui--color_icon_button, #2688eb)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -292751,6 +297948,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", @@ -292811,6 +298013,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #237EDD)", + "hover": "var(--vkui--color_stroke_button--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_button, #2688eb)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -292826,6 +298033,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "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)", @@ -292836,6 +298048,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #237EDD)", + "hover": "var(--vkui--color_text_button--hover, #2483E4)", + "normal": "var(--vkui--color_text_button, #2688eb)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -293175,6 +298392,9 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -293535,6 +298755,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -293625,6 +298850,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -293685,6 +298915,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -293700,6 +298935,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -293710,6 +298950,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -294049,6 +299294,9 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -294766,6 +300014,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -295018,6 +300280,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -295186,6 +300462,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -295228,6 +300518,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -295256,6 +300560,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -296538,6 +301856,16 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -297283,6 +302611,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -297373,6 +302706,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -297433,6 +302771,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -297448,6 +302791,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -297458,6 +302806,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -297797,6 +303150,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -298157,6 +303513,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -298247,6 +303608,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -298307,6 +303673,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -298322,6 +303693,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "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, #60A6F5)", "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", @@ -298332,6 +303708,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -298671,6 +304052,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "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)", }, @@ -299031,6 +304415,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -299121,6 +304510,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -299181,6 +304575,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -299196,6 +304595,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -299206,6 +304610,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -299545,6 +304954,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -300262,6 +305674,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #2688eb)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -300514,6 +305940,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -300682,6 +306122,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #2688eb)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -300724,6 +306178,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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", @@ -300752,6 +306220,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #2688eb)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -302034,6 +307516,16 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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", @@ -302567,6 +308059,34 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, vkBase)", }, "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))", + }, + }, + "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", @@ -302581,6 +308101,216 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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", @@ -302749,6 +308479,34 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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", @@ -302763,6 +308521,160 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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", @@ -302777,6 +308689,118 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -302913,6 +308937,132 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -303121,6 +309271,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -303211,6 +309366,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -303271,6 +309431,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -303286,6 +309451,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -303296,6 +309466,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -303635,6 +309810,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -303792,11 +309970,96 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "themeName": "vkontakteAndroid", "themeNameBase": "vkBase", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "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", @@ -303857,16 +310120,121 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -303901,6 +310269,51 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -304103,6 +310516,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #237EDD)", + "hover": "var(--vkui--color_icon_button--hover, #2483E4)", + "normal": "var(--vkui--color_icon_button, #2688eb)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -304193,6 +310611,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", @@ -304253,6 +310676,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #237EDD)", + "hover": "var(--vkui--color_stroke_button--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_button, #2688eb)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -304268,6 +310696,11 @@ 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)", }, + "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)", @@ -304278,6 +310711,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #237EDD)", + "hover": "var(--vkui--color_text_button--hover, #2483E4)", + "normal": "var(--vkui--color_text_button, #2688eb)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -304617,6 +311055,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, @@ -304774,11 +311215,96 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "themeName": "var(--vkui--theme_name, vkontakteAndroid)", "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "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))", + }, + "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)", @@ -304839,16 +311365,121 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -304883,6 +311514,51 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + "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)", + }, + "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)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -305085,6 +311761,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -305175,6 +311856,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -305235,6 +311921,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -305250,6 +311941,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -305260,6 +311956,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -305599,6 +312300,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -305756,11 +312460,96 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "themeName": "vkontakteAndroid", "themeNameBase": "vkBase", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "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", @@ -305821,16 +312610,121 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -305865,6 +312759,51 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -306424,6 +313363,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -306676,6 +313629,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -306844,6 +313811,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -306886,6 +313867,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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", @@ -306914,6 +313909,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -308196,6 +315205,16 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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", @@ -308733,6 +315752,34 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--theme_name_base, vkBase)", }, "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))", + }, + }, + "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", @@ -308747,6 +315794,216 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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", @@ -308915,6 +316172,34 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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", @@ -308929,6 +316214,160 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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", @@ -308943,6 +316382,118 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -309079,6 +316630,132 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -309287,6 +316964,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -309377,6 +317059,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -309437,6 +317124,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -309452,6 +317144,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -309462,6 +317159,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -309801,6 +317503,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -309959,11 +317664,96 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "themeName": "vkontakteAndroidDark", "themeNameBase": "vkBase", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "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)", @@ -310024,16 +317814,121 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -310068,6 +317963,51 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -310270,6 +318210,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -310360,6 +318305,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -310420,6 +318370,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -310435,6 +318390,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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, #60A6F5)", "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", @@ -310445,6 +318405,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -310784,6 +318749,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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)", }, @@ -310942,11 +318910,96 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "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))", + }, + "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))", @@ -311007,16 +319060,121 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -311051,6 +319209,51 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + }, + "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)", + }, + "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)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -311253,6 +319456,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -311343,6 +319551,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -311403,6 +319616,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -311418,6 +319636,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -311428,6 +319651,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -311767,6 +319995,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -311925,11 +320156,96 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "themeName": "vkontakteAndroidDark", "themeNameBase": "vkBase", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "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)", @@ -311990,16 +320306,121 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -312034,6 +320455,51 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -312470,15 +320936,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", }, }, "colorBackgroundTertiary": { @@ -312593,6 +321059,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #447BBA)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #346297)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -312845,6 +321325,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -313013,6 +321507,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #447BBA)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #346297)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -313055,6 +321563,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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", @@ -313083,6 +321605,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #447BBA)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #346297)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -314365,6 +322901,16 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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", @@ -314902,6 +323448,34 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", + }, + }, + "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", @@ -314916,6 +323490,216 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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, #CAD0D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", + }, + }, + "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(81, 129, 184, 0.28))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #edeef0)", + }, + }, + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #447bba)", + }, + }, + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", + }, + }, + "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, #3474C1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", + }, + }, + "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", @@ -315084,6 +323868,34 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #edeef0)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", + }, + }, "vkontakteColorModalCardBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", @@ -315098,6 +323910,160 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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, #485363)", + }, + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", + }, + }, + "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, #1B375A)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", + }, + }, + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", + }, + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", + }, + }, + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", + }, + }, + "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", @@ -315112,6 +324078,118 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", + }, + }, + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #edeef0)", + }, + }, + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", + }, + }, + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", + }, + }, + "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, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", + }, + }, + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #27527F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #285582)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2a5885)", + }, + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -315248,6 +324326,132 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", + }, + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #447bba)", + }, + }, + "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.8))", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", + }, + }, + "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)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", + }, + }, + "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)", + }, + }, + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", + }, + "hover": { + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", + }, + }, + "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)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -315412,9 +324616,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(200, 212, 224, 0.99)", + "hover": "rgba(213, 224, 234, 0.99)", + "normal": "rgba(229, 235, 241, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -315456,6 +324660,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#4177B5", "normal": "#447BBA", }, + "colorIconButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -315546,6 +324755,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#3F72B0", "hover": "#4177B5", @@ -315606,6 +324820,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#4177B5", "normal": "#447BBA", }, + "colorStrokeButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -315621,6 +324840,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#3F72B0", "hover": "#4177B5", @@ -315631,6 +324855,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#4177B5", "normal": "#447BBA", }, + "colorTextButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -315970,6 +325199,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -316128,11 +325360,96 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "themeName": "vkontakteCom", "themeNameBase": "vkCom", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(174, 183, 194, 0.2)", + "hover": "rgba(174, 183, 194, 0.16)", + "normal": "rgba(174, 183, 194, 0.12)", + }, + "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": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#A4A5A9", + "hover": "#ABACAD", + "normal": "#b2b2b2", + }, + "vkontakteColorContentTintForeground": { + "active": "#87898C", + "hover": "#8D8E90", + "normal": "#939393", + }, + "vkontakteColorControlBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorControlForeground": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorControlTintMuted": { + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#3474C1", + "hover": "#3779C6", + "normal": "#397dcc", + }, + "vkontakteColorIconName": { + "active": "#84A0BD", + "hover": "#89A7C2", + "normal": "#8fadc8", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "#BCBDC1", "hover": "#C4C4C6", @@ -316193,16 +325510,121 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.16)", "normal": "rgba(0, 0, 0, 0.12)", }, + "vkontakteColorLoaderBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorLoaderTint": { + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", + }, "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": "#485363", + "hover": "#4B5664", + "normal": "#4e5966", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#1B375A", + "hover": "#1C385B", + "normal": "#1d3a5c", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorSearchBarBackground": { + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", + }, + "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.2)", "hover": "rgba(0, 0, 0, 0.16)", "normal": "rgba(0, 0, 0, 0.12)", }, + "vkontakteColorSplashScreenIcon": { + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, + "vkontakteColorStatusBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorTabbarBackground": { + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorTextName": { + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -316237,6 +325659,51 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.8)", + "hover": "rgba(255, 255, 255, 0.76)", + "normal": "rgba(255, 255, 255, 0.72)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#d3d9de", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -316395,9 +325862,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_secondary, #F0F2F5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", @@ -316439,6 +325906,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_icon_accent_themed, #447BBA)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #305B90)", + "hover": "var(--vkui--color_icon_button--hover, #325F93)", + "normal": "var(--vkui--color_icon_button, #346297)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -316529,6 +326001,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", @@ -316589,6 +326066,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_stroke_accent_themed, #447BBA)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #305B90)", + "hover": "var(--vkui--color_stroke_button--hover, #325F93)", + "normal": "var(--vkui--color_stroke_button, #346297)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -316604,6 +326086,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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, #3F72B0)", "hover": "var(--vkui--color_text_accent--hover, #4177B5)", @@ -316614,6 +326101,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #4177B5)", "normal": "var(--vkui--color_text_accent_themed, #447BBA)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #305B90)", + "hover": "var(--vkui--color_text_button--hover, #325F93)", + "normal": "var(--vkui--color_text_button, #346297)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -316953,6 +326445,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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)", }, @@ -317111,11 +326606,96 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "themeName": "var(--vkui--theme_name, vkontakteCom)", "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(174, 183, 194, 0.2))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(174, 183, 194, 0.16))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(174, 183, 194, 0.12))", + }, + "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, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #dce1e6)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + "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(81, 129, 184, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #A4A5A9)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ABACAD)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #87898C)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #8D8E90)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_control_background, #edeef0)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #447bba)", + }, + "vkontakteColorControlTintMuted": { + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #78797C)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #7D7D7F)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #828282)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #edeef0)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + "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, #3474C1)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #3779C6)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #84A0BD)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #89A7C2)", + "normal": "var(--vkui--vkontakte_color_icon_name, #8fadc8)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + "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, #BCBDC1)", "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #C4C4C6)", @@ -317176,16 +326756,121 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_loader_background, #edeef0)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #78797C)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7D7D7F)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", + }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", "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, #485363)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #4B5664)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #4e5966)", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + "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, #1B375A)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #1C385B)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #1d3a5c)", + }, + "vkontakteColorPollOptionBackground": { + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #447bba)", + }, + "vkontakteColorSearchBarBackground": { + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #D3D9E3)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #DCE2EA)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #e5ebf1)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + "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.2))", "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.16))", "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.12))", }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #dce1e6)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #DADCE2)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #E4E5E9)", + "normal": "var(--vkui--vkontakte_color_status_background, #edeef0)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #447bba)", + }, + "vkontakteColorTabbarBackground": { + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E3E5EB)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EDEFF2)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #f7f8fa)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "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, #778292)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #818c99)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #27527F)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #285582)", + "normal": "var(--vkui--vkontakte_color_text_name, #2a5885)", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #CAD0D8)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #D3D9DF)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #dce1e6)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -317220,6 +326905,51 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #3F72B0)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #4177B5)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #447bba)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "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.8))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.76))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.72))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "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)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C2C9D1)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CBD1D8)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d3d9de)", + }, + "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)", + }, + "vkontakteImReplySeparator": { + "active": "var(--vkui--vkontakte_im_reply_separator--active, #27527F)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #285582)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #2a5885)", + }, + "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)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -317378,9 +327108,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(200, 212, 224, 0.99)", + "hover": "rgba(213, 224, 234, 0.99)", + "normal": "rgba(229, 235, 241, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -317422,6 +327152,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorIconButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -317512,6 +327247,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#3F72B0", "hover": "#4177B5", @@ -317572,6 +327312,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorStrokeButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -317587,6 +327332,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#3F72B0", "hover": "#4177B5", @@ -317597,6 +327347,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#4177B5", "normal": "#447BBA", }, + "colorTextButton": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -317936,6 +327691,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -318094,11 +327852,96 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "themeName": "vkontakteCom", "themeNameBase": "vkCom", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(174, 183, 194, 0.2)", + "hover": "rgba(174, 183, 194, 0.16)", + "normal": "rgba(174, 183, 194, 0.12)", + }, + "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": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#A4A5A9", + "hover": "#ABACAD", + "normal": "#b2b2b2", + }, + "vkontakteColorContentTintForeground": { + "active": "#87898C", + "hover": "#8D8E90", + "normal": "#939393", + }, + "vkontakteColorControlBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorControlForeground": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorControlTintMuted": { + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#3474C1", + "hover": "#3779C6", + "normal": "#397dcc", + }, + "vkontakteColorIconName": { + "active": "#84A0BD", + "hover": "#89A7C2", + "normal": "#8fadc8", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "#BCBDC1", "hover": "#C4C4C6", @@ -318159,16 +328002,121 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.16)", "normal": "rgba(0, 0, 0, 0.12)", }, + "vkontakteColorLoaderBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorLoaderTint": { + "active": "#78797C", + "hover": "#7D7D7F", + "normal": "#828282", + }, "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": "#485363", + "hover": "#4B5664", + "normal": "#4e5966", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#1B375A", + "hover": "#1C385B", + "normal": "#1d3a5c", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorSearchBarBackground": { + "active": "#D3D9E3", + "hover": "#DCE2EA", + "normal": "#e5ebf1", + }, + "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.2)", "hover": "rgba(0, 0, 0, 0.16)", "normal": "rgba(0, 0, 0, 0.12)", }, + "vkontakteColorSplashScreenIcon": { + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, + "vkontakteColorStatusBackground": { + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#edeef0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteColorTabbarBackground": { + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#f7f8fa", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorTextName": { + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#dce1e6", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -318203,6 +328151,51 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447bba", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.8)", + "hover": "rgba(255, 255, 255, 0.76)", + "normal": "rgba(255, 255, 255, 0.72)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#d3d9de", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#27527F", + "hover": "#285582", + "normal": "#2a5885", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -318762,6 +328755,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #E1E3E6)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -319014,6 +329021,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -319182,6 +329203,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #E1E3E6)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -319224,6 +329259,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "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", @@ -319252,6 +329301,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #E1E3E6)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -319409,15 +329472,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #B8B8B8)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #B5B5B5)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #B2B2B2)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSubhead": { @@ -320534,6 +330597,16 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "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", @@ -321071,6 +331144,34 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "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", @@ -321085,6 +331186,216 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", }, }, + "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, #434343)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #333333)", + }, + }, + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #333333)", + }, + }, + "vkontakteColorBackgroundTextAlpha": { + "active": { + "name": "--vkui--vkontakte_color_background_text_alpha--active", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #636363)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #555555)", + }, + }, + "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, #9C9C9C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", + }, + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", + }, + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", + }, + }, + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", + }, + }, + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", + }, + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": { "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", @@ -321253,6 +331564,34 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #636363)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #555555)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #828282)", + }, + }, "vkontakteColorModalCardBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", @@ -321267,6 +331606,160 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "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, #9C9C9C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", + }, + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", + }, + }, + "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, #343434)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #222222)", + }, + }, + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", + }, + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", + }, + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", + }, + }, + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", + }, + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #272727)", + }, + }, "vkontakteColorSnippetBorderAlpha": { "active": { "name": "--vkui--vkontakte_color_snippet_border_alpha--active", @@ -321281,6 +331774,118 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", + }, + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", + }, + }, + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #343434)", + }, + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #222222)", + }, + }, + "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, #434343)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #333333)", + }, + }, + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", + }, + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", + }, + }, + "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, #8C8C8C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -321417,6 +332022,132 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + }, + "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.32))", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", + }, + }, + "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)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", + }, + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", + }, + }, + "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, #636363)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -321625,6 +332356,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorIconButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorIconContrast": { "active": "#E3E5E8", "hover": "#E2E4E7", @@ -321715,6 +332451,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -321775,6 +332516,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorStrokeButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -321790,6 +332536,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#52B652", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -321800,6 +332551,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorTextButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -321856,9 +332612,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#333333", }, "colorTextSecondary": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#B2B2B2", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { "active": "#9C9C9C", @@ -322139,6 +332895,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -322297,11 +333056,96 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "themeName": "vkontakteComDark", "themeNameBase": "vkCom", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "vkontakteColorActionSheetSeparatorAlpha": { "active": "rgba(255, 255, 255, 0.24)", "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorContentTintForeground": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorControlBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397dcc", + }, + "vkontakteColorIconName": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", @@ -322362,16 +333206,121 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorLoaderBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteColorLoaderTint": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, "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": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorSnippetBackground": { + "active": "#383838", + "hover": "#303030", + "normal": "#272727", + }, "vkontakteColorSnippetBorderAlpha": { "active": "rgba(255, 255, 255, 0.24)", "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorSplashScreenIcon": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorStatusBackground": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -322406,6 +333355,51 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -322608,6 +333602,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_button, #E1E3E6)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", @@ -322698,6 +333697,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -322758,6 +333762,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_button, #E1E3E6)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -322773,6 +333782,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "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, #7CB1ED)", "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", @@ -322783,6 +333797,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #E3E5E8)", + "hover": "var(--vkui--color_text_button--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_button, #E1E3E6)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -322839,9 +333858,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #B8B8B8)", - "hover": "var(--vkui--color_text_secondary--hover, #B5B5B5)", - "normal": "var(--vkui--color_text_secondary, #B2B2B2)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSubhead": { "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", @@ -323122,6 +334141,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "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)", }, @@ -323280,11 +334302,96 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "themeName": "var(--vkui--theme_name, vkontakteComDark)", "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08))", + }, + "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.24))", "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.16))", }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", + "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, #434343)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #333333)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #434343)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #333333)", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #939393)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #636363)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_control_background, #555555)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", + "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, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #939393)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #515151)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #424242)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2)", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_icon_name, #b2b2b2)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2)", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #939393)", + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", @@ -323345,16 +334452,121 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #636363)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_color_loader_background, #555555)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #828282)", + }, "vkontakteColorModalCardBorderAlpha": { "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", "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, #9C9C9C)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393)", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565)", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + "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, #343434)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #222222)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2)", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222)", + }, + "vkontakteColorSnippetBackground": { + "active": "var(--vkui--vkontakte_color_snippet_background--active, #383838)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #303030)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #272727)", + }, "vkontakteColorSnippetBorderAlpha": { "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24))", "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16))", }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #434343)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #333333)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #343434)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #2B2B2B)", + "normal": "var(--vkui--vkontakte_color_status_background, #222222)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", + "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, #434343)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #333333)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282)", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + "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, #8C8C8C)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -323389,6 +334601,51 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "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)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565)", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555)", + }, + "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, #636363)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -323591,6 +334848,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorIconButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorIconContrast": { "active": "#E3E5E8", "hover": "#E2E4E7", @@ -323681,6 +334943,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -323741,6 +335008,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorStrokeButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -323756,6 +335028,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#52B652", "normal": "#4BB34B", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -323766,6 +335043,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#E2E4E7", "normal": "#E1E3E6", }, + "colorTextButton": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -323822,9 +335104,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#333333", }, "colorTextSecondary": { - "active": "#B8B8B8", - "hover": "#B5B5B5", - "normal": "#B2B2B2", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { "active": "#9C9C9C", @@ -324105,6 +335387,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -324263,11 +335548,96 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "themeName": "vkontakteComDark", "themeNameBase": "vkCom", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "vkontakteColorActionSheetSeparatorAlpha": { "active": "rgba(255, 255, 255, 0.24)", "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(81, 129, 184, 0.28)", + "hover": "rgba(81, 129, 184, 0.24)", + "normal": "rgba(81, 129, 184, 0.2)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorContentTintForeground": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorControlBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397dcc", + }, + "vkontakteColorIconName": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)", @@ -324328,16 +335698,121 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorLoaderBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteColorLoaderTint": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, "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": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B8B8B8", + "hover": "#B5B5B5", + "normal": "#b2b2b2", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorSnippetBackground": { + "active": "#383838", + "hover": "#303030", + "normal": "#272727", + }, "vkontakteColorSnippetBorderAlpha": { "active": "rgba(255, 255, 255, 0.24)", "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.16)", }, + "vkontakteColorSplashScreenIcon": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorStatusBackground": { + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -324372,6 +335847,51 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -324931,6 +336451,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #2688eb)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -325183,6 +336717,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -325351,6 +336899,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #2688eb)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -325393,6 +336955,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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", @@ -325421,6 +336997,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #2688eb)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -326703,6 +338293,16 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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", @@ -327240,6 +338840,34 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, vkIOS)", }, "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))", + }, + }, + "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", @@ -327254,6 +338882,216 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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", @@ -327422,6 +339260,34 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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", @@ -327436,6 +339302,160 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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", @@ -327450,6 +339470,118 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -327586,6 +339718,132 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -327794,6 +340052,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -327884,6 +340147,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -327944,6 +340212,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -327959,6 +340232,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -327969,6 +340247,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -328308,6 +340591,9 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -328466,11 +340752,96 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "themeName": "vkontakteIOS", "themeNameBase": "vkIOS", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "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", @@ -328531,16 +340902,121 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -328575,6 +341051,51 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -328777,6 +341298,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #237EDD)", + "hover": "var(--vkui--color_icon_button--hover, #2483E4)", + "normal": "var(--vkui--color_icon_button, #2688eb)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -328867,6 +341393,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", @@ -328927,6 +341458,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #237EDD)", + "hover": "var(--vkui--color_stroke_button--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_button, #2688eb)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -328942,6 +341478,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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)", @@ -328952,6 +341493,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #237EDD)", + "hover": "var(--vkui--color_text_button--hover, #2483E4)", + "normal": "var(--vkui--color_text_button, #2688eb)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -329291,6 +341837,9 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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)", }, @@ -329449,11 +341998,96 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "themeName": "var(--vkui--theme_name, vkontakteIOS)", "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", "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))", + }, + "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)", @@ -329514,16 +342148,121 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -329558,6 +342297,51 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + "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)", + }, + "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)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -329760,6 +342544,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorIconButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -329850,6 +342639,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.44)", "normal": "rgba(0, 0, 0, 0.40)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#237EDD", "hover": "#2483E4", @@ -329910,6 +342704,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorStrokeButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -329925,6 +342724,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "colorTextAccent": { "active": "#237EDD", "hover": "#2483E4", @@ -329935,6 +342739,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#2483E4", "normal": "#2688eb", }, + "colorTextButton": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -330274,6 +343083,9 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -330432,11 +343244,96 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "themeName": "vkontakteIOS", "themeNameBase": "vkIOS", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "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", @@ -330497,16 +343394,121 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -330541,6 +343543,51 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -331100,6 +344147,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #FFFFFF)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -331352,6 +344413,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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))", + }, + "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, rgb(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -331520,6 +344595,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #FFFFFF)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -331562,6 +344651,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -331590,6 +344693,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #FFFFFF)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -332872,6 +345989,16 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -333409,6 +346536,34 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, vkIOS)", }, "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))", + }, + }, + "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", @@ -333423,6 +346578,216 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -333591,6 +346956,34 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -333605,6 +346998,160 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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", @@ -333619,6 +347166,118 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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)", + }, + }, "vkontakteGradientAquamarineBlue": { "name": "--vkui--vkontakte_gradient_aquamarine_blue", "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", @@ -333755,6 +347414,132 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--vkontakte_gradient_yellow_bright", "value": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -333963,6 +347748,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -334053,6 +347843,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -334113,6 +347908,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -334128,6 +347928,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -334138,6 +347943,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -334477,6 +348287,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -334635,11 +348448,96 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "themeName": "vkontakteIOSDark", "themeNameBase": "vkIOS", "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "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)", @@ -334700,16 +348598,121 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -334744,6 +348747,51 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -334946,6 +348994,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_button, #FFFFFF)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", @@ -335036,6 +349089,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "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, rgb(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", @@ -335096,6 +349154,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_button, #FFFFFF)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", @@ -335111,6 +349174,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "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, #60A6F5)", "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", @@ -335121,6 +349189,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #D7D8DB)", + "hover": "var(--vkui--color_text_button--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_button, #FFFFFF)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", @@ -335460,6 +349533,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "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)", }, @@ -335618,11 +349694,96 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "themeName": "var(--vkui--theme_name, vkontakteIOSDark)", "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", "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))", + }, + "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))", @@ -335683,16 +349844,121 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "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)", + }, "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, #7DF1FA, #2BB4D6)", "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, #66CCFF, #3F8AE0)", "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, #FF99CC, #E52E6A)", @@ -335727,6 +349993,51 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, #FF99CC, #E52E6A)", "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, #FFC44D, #F07300)", "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, #FFD54F, #E7A902)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + }, + "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)", + }, + "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)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -335929,6 +350240,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorIconContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -336019,6 +350335,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "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": "rgb(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -336079,6 +350400,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorStrokeButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorStrokeContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -336094,6 +350420,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#52B652", "normal": "#4bb34b", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, "colorTextAccent": { "active": "#60A6F5", "hover": "#59A2F4", @@ -336104,6 +350435,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextButton": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -336443,6 +350779,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -336601,11 +350940,96 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "themeName": "vkontakteIOSDark", "themeNameBase": "vkIOS", "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "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)", @@ -336666,16 +351090,121 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "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", + }, "vkontakteGradientAquamarineBlue": "#7DF1FA, #2BB4D6", "vkontakteGradientBlue": "#66CCFF, #3F8AE0", "vkontakteGradientCandy": "#FF99CC, #E52E6A", @@ -336710,6 +351239,51 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "vkontakteGradientWomensDay": "#FF99CC, #E52E6A", "vkontakteGradientYellow": "#FFC44D, #F07300", "vkontakteGradientYellowBright": "#FFD54F, #E7A902", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -337489,6 +352063,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, + "colorIconButton": { + "active": { + "name": "--vkui--color_icon_button--active", + "value": "var(--vkui--color_icon_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_icon_button--hover", + "value": "var(--vkui--color_icon_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_icon_button", + "value": "var(--vkui--color_icon_button, #005FF9)", + }, + }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", @@ -337741,6 +352329,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "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, rgb(44, 45, 46, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -337923,6 +352525,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, + "colorStrokeButton": { + "active": { + "name": "--vkui--color_stroke_button--active", + "value": "var(--vkui--color_stroke_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_stroke_button--hover", + "value": "var(--vkui--color_stroke_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_stroke_button", + "value": "var(--vkui--color_stroke_button, #005FF9)", + }, + }, "colorStrokeContrast": { "active": { "name": "--vkui--color_stroke_contrast--active", @@ -337965,6 +352581,20 @@ exports[`shapshots workspaceAdmin 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", @@ -337993,6 +352623,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, + "colorTextButton": { + "active": { + "name": "--vkui--color_text_button--active", + "value": "var(--vkui--color_text_button--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_text_button--hover", + "value": "var(--vkui--color_text_button--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_text_button", + "value": "var(--vkui--color_text_button, #005FF9)", + }, + }, "colorTextContrast": { "active": { "name": "--vkui--color_text_contrast--active", @@ -339523,6 +354167,16 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "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", @@ -340955,6 +355609,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -341045,6 +355704,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -341110,6 +355774,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -341125,6 +355794,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -341135,6 +355809,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -341536,6 +356215,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -342155,6 +356837,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, + "colorIconButton": { + "active": "var(--vkui--color_icon_button--active, #0059EA)", + "hover": "var(--vkui--color_icon_button--hover, #005CF1)", + "normal": "var(--vkui--color_icon_button, #005FF9)", + }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -342245,6 +356932,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "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))", }, + "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, rgb(44, 45, 46, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", "hover": "var(--vkui--color_panel_header_icon--hover, #005CF1)", @@ -342310,6 +357002,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, + "colorStrokeButton": { + "active": "var(--vkui--color_stroke_button--active, #0059EA)", + "hover": "var(--vkui--color_stroke_button--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_button, #005FF9)", + }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", @@ -342325,6 +357022,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #0059EA)", "hover": "var(--vkui--color_text_accent--hover, #005CF1)", @@ -342335,6 +357037,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, + "colorTextButton": { + "active": "var(--vkui--color_text_button--active, #0059EA)", + "hover": "var(--vkui--color_text_button--hover, #005CF1)", + "normal": "var(--vkui--color_text_button, #005FF9)", + }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", @@ -342736,6 +357443,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -343355,6 +358065,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorIconButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -343445,6 +358160,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgb(44, 45, 46, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#0059EA", "hover": "#005CF1", @@ -343510,6 +358230,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorStrokeButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -343525,6 +358250,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0059EA", "hover": "#005CF1", @@ -343535,6 +358265,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#005CF1", "normal": "#005FF9", }, + "colorTextButton": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -343936,6 +358671,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, diff --git a/src/interfaces/general/colors/index.ts b/src/interfaces/general/colors/index.ts index 85ed1aa7..f3a41b18 100644 --- a/src/interfaces/general/colors/index.ts +++ b/src/interfaces/general/colors/index.ts @@ -268,6 +268,12 @@ export interface ColorsDescriptionStruct { */ colorLinkContrast: ColorDescription; + /** + * @desc Цвет текста для кнопок + * @tags color + */ + colorTextButton: ColorDescription; + // Icons /** * @desc Акцентный цвет иконок @@ -359,6 +365,12 @@ export interface ColorsDescriptionStruct { */ colorIconNegative: ColorDescription; + /** + * @desc Цвет иконок для кнопок + * @tags color, icon + */ + colorIconButton: ColorDescription; + // Stroke /** * @desc Цвет акцентной обводки @@ -432,6 +444,12 @@ export interface ColorsDescriptionStruct { */ colorSeparatorPrimary3x: ColorDescription; + /** + * @desc Цвет обводки для кнопок + * @tags color, stroke + */ + colorStrokeButton: ColorDescription; + // Palette /** * @desc Палитра цветов. Голубой цвет @@ -500,6 +518,12 @@ export interface ColorsDescriptionStruct { */ colorOverlayPrimary: ColorDescription; + /** + * @desc Вторичный цвет для подложек оверлеев + * @tags color, overlay + */ + colorOverlaySecondary: ColorDescription; + /** * @desc Фон для компонента Avatar. Не прозрачный * @tags color, component @@ -602,6 +626,12 @@ export interface ColorsDescriptionStruct { */ colorSegmentedControl: ColorDescription; + /** + * @desc Цвет текста для неактивного таба в таббаре + * @tags color, component, background + */ + colorTabbarTextInactive: ColorDescription; + // Themed цвета, в тёмной теме становится белыми } diff --git a/src/interfaces/general/geometry/index.ts b/src/interfaces/general/geometry/index.ts index 50bf9a2d..74a2d246 100644 --- a/src/interfaces/general/geometry/index.ts +++ b/src/interfaces/general/geometry/index.ts @@ -47,6 +47,12 @@ export interface Sizes { */ sizeBorderRadius: number; + /** + * @desc Значение радиуса закругления для круглых кнопок + * @tags size, stroke + */ + sizeBorderRadiusRounded: number; + /** * @desc Legacy * @tags size, legacy diff --git a/src/interfaces/themes/vkontakteAndroid/index.ts b/src/interfaces/themes/vkontakteAndroid/index.ts index 8121b38c..3bb15cb0 100644 --- a/src/interfaces/themes/vkontakteAndroid/index.ts +++ b/src/interfaces/themes/vkontakteAndroid/index.ts @@ -184,10 +184,78 @@ export interface VkontakteAndroidGradients { export interface LocalVkontakteAndroidColorsDescriptionStruct { vkontakteColorSnippetBorderAlpha: ColorDescription; + vkontakteColorSnippetBackground: ColorDescription; vkontakteColorModalCardBorderAlpha: ColorDescription; vkontakteColorLandingSnippetBorderAlpha: ColorDescription; vkontakteColorActionSheetSeparatorAlpha: ColorDescription; vkontakteColorInputBorder: ColorDescription; + vkontakteColorSearchBarBackground: ColorDescription; + vkontakteBackgroundHoverAlpha: ColorDescription; + vkontakteColorBackgroundSuggestions: ColorDescription; + + vkontakteColorTextName: ColorDescription; + vkontakteColorAccentAlternate: ColorDescription; + vkontakteColorBackgroundKeyboard: ColorDescription; + vkontakteColorContentPlaceholderIcon: ColorDescription; + vkontakteColorContentTintForeground: ColorDescription; + vkontakteColorControlBackground: ColorDescription; + vkontakteColorControlForeground: ColorDescription; + vkontakteColorControlTintMuted: ColorDescription; + + vkontakteColorHeaderSearchFieldBackground: ColorDescription; + vkontakteColorHeaderSearchFieldTint: ColorDescription; + vkontakteColorHeaderTabActiveIndicator: ColorDescription; + + vkontakteColorIconOutlineMedium: ColorDescription; + vkontakteColorIconOutlineSecondary: ColorDescription; + + vkontakteColorSkeletonShimmerFrom: ColorDescription; + vkontakteColorAlphaSkeletonShimmerTo: ColorDescription; + + vkontakteColorLoaderBackground: ColorDescription; + vkontakteColorLoaderTint: ColorDescription; + + vkontakteColorMusicPlaybackIcon: ColorDescription; + + vkontakteColorStatusBackground: ColorDescription; + + vkontakteColorPlaceholderIconForegroundPrimary: ColorDescription; + vkontakteColorPlaceholderIconForegroundSecondary: ColorDescription; + vkontakteColorPlaceholderIconTint: ColorDescription; + + vkontakteColorPollOptionBackground: ColorDescription; + + vkontakteColorSearchBarFieldTint: ColorDescription; + + vkontakteColorTabbarActiveIcon: ColorDescription; + vkontakteColorTabbarBackground: ColorDescription; + vkontakteColorTabbarInactiveIcon: ColorDescription; + vkontakteColorTabbarTabletTextSecondary: ColorDescription; + + vkontakteColorToolbarAttachBackgroundFrom: ColorDescription; + + vkontakteColorSplashScreenIcon: ColorDescription; + + vkontakteColorIconName: ColorDescription; + + vkontakteColorPanelTabActiveText: ColorDescription; + + vkontakteColorBackgroundTextAlpha: ColorDescription; + + vkontakteImReplySeparator: ColorDescription; + + vkontakteImToolbarVoiceMsgBackground: ColorDescription; + + vkontakteColorModalCardHeaderClose: ColorDescription; + + vkontakteImBubbleButtonOutgoingBackgroundAlpha: ColorDescription; + vkontakteImBubbleButtonForeground: ColorDescription; + vkontakteImBubbleIncomingHighlighted: ColorDescription; + vkontakteImBubbleGiftBackground: ColorDescription; + vkontakteImBubbleGiftBackgroundHighlighted: ColorDescription; + vkontakteImBubbleOutgoingAlternate: ColorDescription; + + vkontakteImAttachTint: ColorDescription; vkontakteColorImForwardLineAlpha: ColorDescription; diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 5118ca62..3fe7ab7d 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -1,3 +1,46 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`lint snapshot 1`] = `[]`; +exports[`lint snapshot 1`] = ` +[ + "paradigmBase: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "paradigmBaseDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkBase: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkBaseDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkCom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkComDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkIOSDark: colors.colorOverlaySecondary 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", + "vkontakteAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteCom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteComDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octavius: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusCompact: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusCompactDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusVK: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusVKDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "calendar: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "calendarDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "octaviusWhite: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "media: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "mediaDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "mycom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "pharma: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "home: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "homeDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "otvet: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "otvetDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "cloud: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "cloudDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "portalUI: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "portalUIDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "workspaceAdmin: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "calls: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "todo: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "search: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "promo: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", +] +`; diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 951b0394..2fdea0a8 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -77,6 +77,7 @@ export const lightColors: ColorsDescription = { colorTextContrastThemed: '#FFFFFF', colorLinkContrast: '#FFFFFF', colorTextPositive: '#0DC268', + colorTextButton: '#005FF9', // Icons colorIconAccent: '#005FF9', @@ -94,6 +95,7 @@ export const lightColors: ColorsDescription = { colorIconContrastThemed: '#FFFFFF', colorIconPositive: '#0DC268', colorIconContrastSecondary: '#F2F3F5', + colorIconButton: '#005FF9', // Stroke colorStrokeAccent: '#005FF9', @@ -108,6 +110,7 @@ export const lightColors: ColorsDescription = { colorStrokePositive: '#0DC268', colorSeparatorPrimary2x: '#CDD0D5', colorSeparatorPrimary3x: '#BFC3CA', + colorStrokeButton: '#005FF9', // Palette colorAccentBlue: '#005FF9', @@ -139,7 +142,9 @@ export const lightColors: ColorsDescription = { colorAvatarOverlay: 'rgba(145, 147, 153, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', + colorOverlaySecondary: 'rgb(44, 45, 46, 0.5)', colorSegmentedControl: '#FFFFFF', + colorTabbarTextInactive: '#99A2AD', colorTransparent: 'transparent', }, }; @@ -200,6 +205,7 @@ export const darkColors: ColorsDescription = { colorTextContrastThemed: '#2C2D2E', colorLinkContrast: '#FFFFFF', colorTextPositive: '#0DC268', + colorTextButton: '#FFFFFF', // Icons colorIconAccent: '#3C82FD', @@ -217,6 +223,7 @@ export const darkColors: ColorsDescription = { colorIconContrastThemed: '#2C2D2E', colorIconPositive: '#0DC268', colorIconContrastSecondary: '#F2F3F5', + colorIconButton: '#FFFFFF', // Stroke colorStrokeAccent: '#3C82FD', @@ -231,6 +238,7 @@ export const darkColors: ColorsDescription = { colorSeparatorPrimary2x: '#202022', colorSeparatorPrimary3x: '#2d2d2f', colorStrokePositive: '#0DC268', + colorStrokeButton: '#FFFFFF', // Palette colorAccentBlue: '#2775FC', @@ -262,7 +270,9 @@ export const darkColors: ColorsDescription = { colorAvatarOverlay: 'rgba(176, 178, 182, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', + colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', colorSegmentedControl: '#626364', + colorTabbarTextInactive: '#76787A', colorTransparent: 'transparent', }, }; @@ -455,6 +465,9 @@ export const lightThemeBase: ThemeDescription = { sizeBorderRadius: { regular: 8, }, + sizeBorderRadiusRounded: { + regular: 48, + }, sizeCheckBorderRadius: { regular: 4, }, diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index cf142e16..c95e546e 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -107,6 +107,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorTextLinkVisited: text.text_link_visited, colorTextMuted: text.text_muted, colorLinkContrast: text.link_contrast, + colorTextButton: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], // Icons colorIconAccent: icons.icon_accent, @@ -124,6 +128,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorIconContrastSecondary: icons.icon_contrast_secondary, colorIconPositive: icons.icon_positive, colorIconNegative: icons.icon_negative, + colorIconButton: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], // Stroke colorStrokeAccent: stroke.stroke_accent, @@ -151,6 +159,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio }, dark: 'rgba(255, 255, 255, 0.12)', }[colorsScheme], + colorStrokeButton: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], // Palette colorAccentBlue: palette.accent_blue, @@ -166,6 +178,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio // Other colorOverlayPrimary: other.overlay_primary, + colorOverlaySecondary: { + light: 'rgb(44, 45, 46, 0.5)', + dark: 'rgb(55, 56, 57, 0.5)', + }[colorsScheme], colorAvatarOverlay: other.avatar_overlay_alpha, colorAvatarOverlayInverseAlpha: other.avatar_overlay_inverse_alpha, colorActionSheetText: other.action_sheet_text, @@ -185,6 +201,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorSearchFieldBackground: other.search_field_background, colorPanelHeaderIcon: other.panel_header_icon, colorSegmentedControl: other.segmented_control, + colorTabbarTextInactive: { + light: '#99a2ad', + dark: '#76787a', + }[colorsScheme], colorTransparent: 'transparent', }, }; @@ -408,6 +428,9 @@ export const lightTheme: ThemeDescription = { sizeBorderRadius: { regular: 8, }, + sizeBorderRadiusRounded: { + regular: 48, + }, sizeCheckBorderRadius: { regular: 4, }, diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index 8c15625b..8ef7d365 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -28,14 +28,11 @@ const vkComColors = (theme: typeof vkcom_light) => ({ colorBackground: resolveColor(theme.colors.background_page), colorBackgroundContent: resolveColor(theme.colors.background_content), colorBackgroundSecondary: resolveColor(theme.colors.content_tint_background), - // colorBackgroundSecondaryAlpha: { - // normal: 'rgba(255, 255, 255, 0.04)', - // hover: 'rgba(255, 255, 255, 0.08)', - // active: 'rgba(255, 255, 255, 0.12)', - // }, - // colorBackgroundSecondaryAlpha: resolveColor( - // theme.colors.button_secondary_background, - // ), + colorBackgroundSecondaryAlpha: { + normal: 'rgba(229, 235, 241, 0.99)', + hover: 'rgba(213, 224, 234, 0.99)', + active: 'rgba(200, 212, 224, 0.99)', + }, colorBackgroundTertiary: resolveColor(theme.colors.background_light), colorBackgroundContrast: resolveColor(theme.colors.media_overlay_button_background), // colorBackgroundContrastSecondaryAlpha: 'rgba(255, 255, 255, 0.20)', @@ -59,7 +56,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ colorTextAccentThemed: resolveColor(theme.colors.button_primary_background), colorTextPrimary: resolveColor(theme.colors.text_primary), colorTextPrimaryInvariably: resolveColor(theme.colors.media_overlay_button_foreground), - colorTextSecondary: resolveColor(theme.colors.content_placeholder_text), + colorTextSecondary: resolveColor(theme.colors.text_secondary), colorTextSubhead: resolveColor(theme.colors.text_subhead), colorTextTertiary: resolveColor(theme.colors.text_tertiary), colorTextContrast: resolveColor(theme.colors.counter_prominent_text), @@ -71,6 +68,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // colorTextLinkVisited: '#4986CC', colorTextMuted: resolveColor(theme.colors.text_muted), colorLinkContrast: resolveColor(theme.colors.text_muted), + colorTextButton: '#346297', // Icons colorIconAccent: resolveColor(theme.colors.accent), @@ -88,6 +86,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // colorIconContrastSecondary: '#F2F3F5', colorIconPositive: resolveColor(theme.colors.button_commerce_background), colorIconNegative: resolveColor(theme.colors.destructive), + colorIconButton: '#346297', // Stroke colorStrokeAccent: resolveColor(theme.colors.accent), @@ -102,6 +101,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // colorStrokeContrast: '#FFFFFF', colorImageBorderAlpha: resolveColor(theme.colors.image_border), // colorFieldBorderAlpha: resolveColor(theme.colors.field_border), + colorStrokeButton: '#346297', // Palette colorAccentBlue: resolveColor(theme.colors.dynamic_blue), @@ -116,6 +116,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // Other // colorOverlayPrimary: resolveColor(theme.colors.primary_overlay_badge), + colorOverlaySecondary: 'rgb(44, 45, 46, 0.5)', // colorAvatarOverlay: 'rgba(0, 0, 0, 0.6)', // colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', // colorImagePlaceholder: resolveColor( @@ -246,6 +247,15 @@ const vkComDarkColor: ColorsDescription = { hover: '#D8DBDF', active: '#CFD2D8', }, + colorBackgroundSecondaryAlpha: { + normal: 'rgba(255, 255, 255, 0.10)', + hover: 'rgba(255, 255, 255, 0.12)', + active: 'rgba(255, 255, 255, 0.14)', + }, + colorTextButton: '#E1E3E6', + colorIconButton: '#E1E3E6', + colorStrokeButton: '#E1E3E6', + colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', }, }; diff --git a/src/themeDescriptions/themes/vkontakteAndroid/index.ts b/src/themeDescriptions/themes/vkontakteAndroid/index.ts index 1c97d2b8..8f5e37c0 100644 --- a/src/themeDescriptions/themes/vkontakteAndroid/index.ts +++ b/src/themeDescriptions/themes/vkontakteAndroid/index.ts @@ -9,10 +9,77 @@ import { darkTheme as vkDarkTheme, lightTheme as vkLightTheme } from '../../base export const vkontakteLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct = { vkontakteColorSnippetBorderAlpha: 'rgba(0, 0, 0, 0.15)', + vkontakteColorSnippetBackground: '#FFFFFF', vkontakteColorModalCardBorderAlpha: 'rgba(0, 0, 0, 0)', vkontakteColorLandingSnippetBorderAlpha: 'rgba(0, 0, 0, 0.15)', vkontakteColorActionSheetSeparatorAlpha: 'rgba(0, 0, 0, 0.12)', vkontakteColorInputBorder: '#E1E3E6', + vkontakteColorSearchBarBackground: '#FFFFFF', + vkontakteColorSearchBarFieldTint: '#818c99', + vkontakteBackgroundHoverAlpha: 'rgba(0, 0, 0, 0.04)', + vkontakteColorAccentAlternate: '#0077ff', + vkontakteColorBackgroundSuggestions: '#FFFFFF', + vkontakteColorBackgroundKeyboard: '#e1e3e6', + vkontakteColorContentPlaceholderIcon: '#99a2ad', + vkontakteColorContentTintForeground: '#7f8285', + vkontakteColorTextName: '#2d81e0', + + vkontakteColorControlBackground: '#ebedf0', + vkontakteColorControlForeground: '#5181b8', + vkontakteColorControlTintMuted: '#76787a', + + vkontakteColorHeaderSearchFieldBackground: '#ebedf0', + vkontakteColorHeaderSearchFieldTint: '#818c99', + vkontakteColorHeaderTabActiveIndicator: '#2688eb', + + vkontakteColorIconOutlineMedium: '#818c99', + vkontakteColorIconOutlineSecondary: '#99a2ad', + + vkontakteColorSkeletonShimmerFrom: '#FFFFFF', + vkontakteColorAlphaSkeletonShimmerTo: 'transparent', + + vkontakteColorLoaderBackground: '#ebedf0', + vkontakteColorLoaderTint: '#76787a', + + vkontakteColorMusicPlaybackIcon: '#000000', + + vkontakteColorStatusBackground: '#ebedf0', + + vkontakteColorPlaceholderIconForegroundPrimary: '#99a2ad', + vkontakteColorPlaceholderIconForegroundSecondary: '#aeb7c2', + vkontakteColorPlaceholderIconTint: '#001c3d', + + vkontakteColorPollOptionBackground: '#45678f', + + vkontakteColorTabbarActiveIcon: '#2975cc', + vkontakteColorTabbarBackground: '#f9f9f9', + vkontakteColorTabbarInactiveIcon: '#99a2ad', + vkontakteColorTabbarTabletTextSecondary: '#909499', + + vkontakteColorToolbarAttachBackgroundFrom: '#b8c1cc', + + vkontakteColorSplashScreenIcon: '#e1e3e6', + + vkontakteColorIconName: '#74a2d6', + + vkontakteColorPanelTabActiveText: '#76787a', + + vkontakteColorBackgroundTextAlpha: 'rgba(38, 136, 235, 0.20)', + + vkontakteColorModalCardHeaderClose: '#000000', + + vkontakteImBubbleButtonOutgoingBackgroundAlpha: 'rgba(255, 255, 255, 0.60)', + vkontakteImBubbleButtonForeground: '#000000', + vkontakteImBubbleIncomingHighlighted: '#d7d8d9', + vkontakteImBubbleGiftBackground: '#f4e7c3', + vkontakteImBubbleGiftBackgroundHighlighted: '#e3d3ac', + vkontakteImBubbleOutgoingAlternate: '#FFFFFF', + + vkontakteImAttachTint: '#2d81e0', + + vkontakteImReplySeparator: '#2d81e0', + + vkontakteImToolbarVoiceMsgBackground: '#99a2ad', vkontakteColorImForwardLineAlpha: 'rgba(69, 103, 143, 0.24)', @@ -33,10 +100,77 @@ export const vkontakteLocalColorLight: LocalVkontakteAndroidColorsDescriptionStr export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { vkontakteColorSnippetBorderAlpha: 'rgba(255, 255, 255, 0.15)', + vkontakteColorSnippetBackground: '#232324', vkontakteColorModalCardBorderAlpha: 'rgba(255, 255, 255, 0.12)', vkontakteColorLandingSnippetBorderAlpha: 'rgba(255, 255, 255, 0.15)', vkontakteColorActionSheetSeparatorAlpha: 'rgba(255, 255, 255, 0.12)', vkontakteColorInputBorder: '#2C2D2E', + vkontakteColorSearchBarBackground: '#19191a', + vkontakteColorSearchBarFieldTint: '#aaaeb3', + vkontakteBackgroundHoverAlpha: 'rgba(255, 255, 255, 0.04)', + vkontakteColorAccentAlternate: '#FFFFFF', + vkontakteColorBackgroundSuggestions: '#2c2d2e', + vkontakteColorBackgroundKeyboard: '#2c2d2e', + vkontakteColorContentPlaceholderIcon: '#aaaeb3', + vkontakteColorContentTintForeground: '#909499', + vkontakteColorTextName: '#e1e3e6', + + vkontakteColorControlBackground: '#454647', + vkontakteColorControlForeground: '#e1e3e6', + vkontakteColorControlTintMuted: '#909499', + + vkontakteColorHeaderSearchFieldBackground: '#363738', + vkontakteColorHeaderSearchFieldTint: '#aaaeb3', + vkontakteColorHeaderTabActiveIndicator: '#529ef4', + + vkontakteColorIconOutlineMedium: '#aaaeb3', + vkontakteColorIconOutlineSecondary: '#909499', + + vkontakteColorSkeletonShimmerFrom: '#19191a', + vkontakteColorAlphaSkeletonShimmerTo: 'transparent', + + vkontakteColorLoaderBackground: '#19191a', + vkontakteColorLoaderTint: '#76787a', + + vkontakteColorMusicPlaybackIcon: '#FFFFFF', + + vkontakteColorStatusBackground: '#19191a', + + vkontakteColorPlaceholderIconForegroundPrimary: '#909499', + vkontakteColorPlaceholderIconForegroundSecondary: '#5d5f61', + vkontakteColorPlaceholderIconTint: '#FFFFFF', + + vkontakteColorPollOptionBackground: '#FFFFFF', + + vkontakteColorTabbarActiveIcon: '#FFFFFF', + vkontakteColorTabbarBackground: '#2c2d2e', + vkontakteColorTabbarInactiveIcon: '#76787a', + vkontakteColorTabbarTabletTextSecondary: '#76787a', + + vkontakteColorToolbarAttachBackgroundFrom: '#76787a', + + vkontakteColorSplashScreenIcon: '#2c2d2e', + + vkontakteColorIconName: '#aaaeb3', + + vkontakteColorPanelTabActiveText: '#e1e3e6', + + vkontakteColorBackgroundTextAlpha: 'rgba(82, 158, 244, 0.24)', + + vkontakteColorModalCardHeaderClose: '#FFFFFF', + + vkontakteImBubbleButtonOutgoingBackgroundAlpha: 'rgba(255, 255, 255, 0.20)', + vkontakteImBubbleButtonForeground: '#e1e3e6', + vkontakteImBubbleIncomingHighlighted: '#5d5f61', + vkontakteImBubbleGiftBackground: '#857250', + vkontakteImBubbleGiftBackgroundHighlighted: '#ab9871', + vkontakteImBubbleOutgoingAlternate: '#454647', + + vkontakteImAttachTint: '#FFFFFF', + + vkontakteImReplySeparator: '#FFFFFF', + + vkontakteImToolbarVoiceMsgBackground: '#454647', vkontakteColorImForwardLineAlpha: 'rgba(255, 255, 255, 0.24)', diff --git a/src/themeDescriptions/themes/vkontakteCom/index.ts b/src/themeDescriptions/themes/vkontakteCom/index.ts index 3c4c4ca5..f567c6ed 100644 --- a/src/themeDescriptions/themes/vkontakteCom/index.ts +++ b/src/themeDescriptions/themes/vkontakteCom/index.ts @@ -6,10 +6,77 @@ import { vkontakteTokens } from '../vkontakteAndroid'; const vkontakteComLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct = { vkontakteColorSnippetBorderAlpha: 'rgba(0, 0, 0, 0.12)', + vkontakteColorSnippetBackground: '#FFFFFF', vkontakteColorModalCardBorderAlpha: 'rgba(0, 0, 0, 0)', vkontakteColorLandingSnippetBorderAlpha: 'rgba(0, 0, 0, 0.12)', vkontakteColorActionSheetSeparatorAlpha: 'rgba(0, 0, 0, 0.12)', vkontakteColorInputBorder: '#D3D9DE', + vkontakteColorSearchBarBackground: '#e5ebf1', + vkontakteColorSearchBarFieldTint: '#818c99', + vkontakteBackgroundHoverAlpha: 'rgba(174, 183, 194, 0.12)', + vkontakteColorAccentAlternate: '#0077ff', + vkontakteColorBackgroundSuggestions: '#FFFFFF', + vkontakteColorBackgroundKeyboard: '#dce1e6', + vkontakteColorContentPlaceholderIcon: '#b2b2b2', + vkontakteColorContentTintForeground: '#939393', + vkontakteColorTextName: '#2a5885', + + vkontakteColorControlBackground: '#edeef0', + vkontakteColorControlForeground: '#447bba', + vkontakteColorControlTintMuted: '#828282', + + vkontakteColorHeaderSearchFieldBackground: '#edeef0', + vkontakteColorHeaderSearchFieldTint: '#818c99', + vkontakteColorHeaderTabActiveIndicator: '#397dcc', + + vkontakteColorIconOutlineMedium: '#818c99', + vkontakteColorIconOutlineSecondary: '#99a2ad', + + vkontakteColorSkeletonShimmerFrom: '#FFFFFF', + vkontakteColorAlphaSkeletonShimmerTo: 'transparent', + + vkontakteColorLoaderBackground: '#edeef0', + vkontakteColorLoaderTint: '#828282', + + vkontakteColorMusicPlaybackIcon: '#000000', + + vkontakteColorStatusBackground: '#edeef0', + + vkontakteColorPlaceholderIconForegroundPrimary: '#99a2ad', + vkontakteColorPlaceholderIconForegroundSecondary: '#aeb7c2', + vkontakteColorPlaceholderIconTint: '#1d3a5c', + + vkontakteColorPollOptionBackground: '#447bba', + + vkontakteColorTabbarActiveIcon: '#447bba', + vkontakteColorTabbarBackground: '#f7f8fa', + vkontakteColorTabbarInactiveIcon: '#99a2ad', + vkontakteColorTabbarTabletTextSecondary: '#818c99', + + vkontakteColorToolbarAttachBackgroundFrom: '#dce1e6', + + vkontakteColorSplashScreenIcon: '#dce1e6', + + vkontakteColorIconName: '#8fadc8', + + vkontakteColorPanelTabActiveText: '#4e5966', + + vkontakteColorBackgroundTextAlpha: 'rgba(81, 129, 184, 0.2)', + + vkontakteColorModalCardHeaderClose: '#000000', + + vkontakteImBubbleButtonOutgoingBackgroundAlpha: 'rgba(255, 255, 255, 0.72)', + vkontakteImBubbleButtonForeground: '#000000', + vkontakteImBubbleIncomingHighlighted: '#d3d9de', + vkontakteImBubbleGiftBackground: '#f4e7c3', + vkontakteImBubbleGiftBackgroundHighlighted: '#e3d3ac', + vkontakteImBubbleOutgoingAlternate: '#FFFFFF', + + vkontakteImAttachTint: '#447bba', + + vkontakteImReplySeparator: '#2a5885', + + vkontakteImToolbarVoiceMsgBackground: '#99a2ad', vkontakteColorImForwardLineAlpha: 'rgba(0, 20, 51, 0.12)', @@ -30,10 +97,77 @@ const vkontakteComLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { vkontakteColorSnippetBorderAlpha: 'rgba(255, 255, 255, 0.16)', + vkontakteColorSnippetBackground: '#272727', vkontakteColorModalCardBorderAlpha: 'rgba(255, 255, 255, 0.12)', vkontakteColorLandingSnippetBorderAlpha: 'rgba(255, 255, 255, 0.16)', vkontakteColorActionSheetSeparatorAlpha: 'rgba(255, 255, 255, 0.16)', vkontakteColorInputBorder: '#555555', + vkontakteColorSearchBarBackground: '#222222', + vkontakteColorSearchBarFieldTint: '#b2b2b2', + vkontakteBackgroundHoverAlpha: 'rgba(255, 255, 255, 0.08)', + vkontakteColorAccentAlternate: '#FFFFFF', + vkontakteColorBackgroundSuggestions: '#333333', + vkontakteColorBackgroundKeyboard: '#333333', + vkontakteColorContentPlaceholderIcon: '#b2b2b2', + vkontakteColorContentTintForeground: '#939393', + vkontakteColorTextName: '#e1e3e6', + + vkontakteColorControlBackground: '#555555', + vkontakteColorControlForeground: '#e1e3e6', + vkontakteColorControlTintMuted: '#939393', + + vkontakteColorHeaderSearchFieldBackground: '#424242', + vkontakteColorHeaderSearchFieldTint: '#b2b2b2', + vkontakteColorHeaderTabActiveIndicator: '#397dcc', + + vkontakteColorIconOutlineMedium: '#b2b2b2', + vkontakteColorIconOutlineSecondary: '#939393', + + vkontakteColorSkeletonShimmerFrom: '#222222', + vkontakteColorAlphaSkeletonShimmerTo: 'transparent', + + vkontakteColorLoaderBackground: '#555555', + vkontakteColorLoaderTint: '#828282', + + vkontakteColorMusicPlaybackIcon: '#FFFFFF', + + vkontakteColorStatusBackground: '#222222', + + vkontakteColorPlaceholderIconForegroundPrimary: '#939393', + vkontakteColorPlaceholderIconForegroundSecondary: '#656565', + vkontakteColorPlaceholderIconTint: '#FFFFFF', + + vkontakteColorPollOptionBackground: '#FFFFFF', + + vkontakteColorTabbarActiveIcon: '#FFFFFF', + vkontakteColorTabbarBackground: '#333333', + vkontakteColorTabbarInactiveIcon: '#828282', + vkontakteColorTabbarTabletTextSecondary: '#828282', + + vkontakteColorToolbarAttachBackgroundFrom: '#828282', + + vkontakteColorSplashScreenIcon: '#333333', + + vkontakteColorIconName: '#b2b2b2', + + vkontakteColorPanelTabActiveText: '#e1e3e6', + + vkontakteColorBackgroundTextAlpha: 'rgba(81, 129, 184, 0.2)', + + vkontakteColorModalCardHeaderClose: '#FFFFFF', + + vkontakteImBubbleButtonOutgoingBackgroundAlpha: 'rgba(255, 255, 255, 0.24)', + vkontakteImBubbleButtonForeground: '#e1e3e6', + vkontakteImBubbleIncomingHighlighted: '#656565', + vkontakteImBubbleGiftBackground: '#857250', + vkontakteImBubbleGiftBackgroundHighlighted: '#ab9871', + vkontakteImBubbleOutgoingAlternate: '#555555', + + vkontakteImAttachTint: '#FFFFFF', + + vkontakteImReplySeparator: '#FFFFFF', + + vkontakteImToolbarVoiceMsgBackground: '#555555', vkontakteColorImForwardLineAlpha: 'rgba(255, 255, 255, 0.24)',