diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 6992534f..13f07412 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -2048,6 +2048,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -2370,6 +2384,48 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -2440,20 +2496,6 @@ 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", @@ -2902,20 +2944,6 @@ 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", @@ -3000,20 +3028,6 @@ 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", @@ -6710,6 +6724,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -6825,6 +6844,21 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -6850,11 +6884,6 @@ 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", @@ -7015,11 +7044,6 @@ 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", @@ -7050,11 +7074,6 @@ 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", @@ -8607,6 +8626,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -8722,6 +8746,21 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -8747,11 +8786,6 @@ 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)", @@ -8912,11 +8946,6 @@ 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)", @@ -8947,11 +8976,6 @@ 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)", @@ -10504,6 +10528,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -10619,6 +10648,21 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -10644,11 +10688,6 @@ 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", @@ -10809,11 +10848,6 @@ 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", @@ -10844,11 +10878,6 @@ 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", @@ -13727,6 +13756,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -14049,6 +14092,48 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -14119,20 +14204,6 @@ 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", @@ -14581,20 +14652,6 @@ 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", @@ -14679,20 +14736,6 @@ 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", @@ -18389,6 +18432,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -18504,6 +18552,21 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -18529,11 +18592,6 @@ 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", @@ -18694,11 +18752,6 @@ 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", @@ -18729,11 +18782,6 @@ 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", @@ -20286,6 +20334,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -20401,6 +20454,21 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -20426,11 +20494,6 @@ 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)", @@ -20591,11 +20654,6 @@ 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)", @@ -20626,11 +20684,6 @@ 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)", @@ -22183,6 +22236,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -22298,6 +22356,21 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -22323,11 +22396,6 @@ 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", @@ -22488,11 +22556,6 @@ 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", @@ -22523,11 +22586,6 @@ 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", @@ -23740,6 +23798,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -24062,6 +24134,48 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -24132,20 +24246,6 @@ 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", @@ -24594,20 +24694,6 @@ 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", @@ -24692,20 +24778,6 @@ 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", @@ -27506,6 +27578,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -27621,6 +27698,21 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -27646,11 +27738,6 @@ 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", @@ -27811,11 +27898,6 @@ 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", @@ -27846,11 +27928,6 @@ 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", @@ -28720,6 +28797,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -28835,6 +28917,21 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -28860,11 +28957,6 @@ 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)", @@ -29025,11 +29117,6 @@ 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)", @@ -29060,11 +29147,6 @@ 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)", @@ -29934,6 +30016,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -30049,6 +30136,21 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -30074,11 +30176,6 @@ 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", @@ -30239,11 +30336,6 @@ 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", @@ -30274,11 +30366,6 @@ 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", @@ -31388,6 +31475,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -31710,6 +31811,48 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -31780,20 +31923,6 @@ 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", @@ -32242,20 +32371,6 @@ 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", @@ -32340,20 +32455,6 @@ 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", @@ -35258,6 +35359,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -35373,6 +35479,21 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -35398,11 +35519,6 @@ 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", @@ -35563,11 +35679,6 @@ 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", @@ -35598,11 +35709,6 @@ 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", @@ -36507,6 +36613,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -36622,6 +36733,21 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -36647,11 +36773,6 @@ 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)", @@ -36812,11 +36933,6 @@ 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)", @@ -36847,11 +36963,6 @@ 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)", @@ -37756,6 +37867,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -37871,6 +37987,21 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -37896,11 +38027,6 @@ 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", @@ -38061,11 +38187,6 @@ 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", @@ -38096,11 +38217,6 @@ 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", @@ -39245,6 +39361,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -39567,6 +39697,48 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -39637,20 +39809,6 @@ 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", @@ -40099,20 +40257,6 @@ 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", @@ -40197,20 +40341,6 @@ 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", @@ -43043,6 +43173,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -43158,6 +43293,21 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -43183,11 +43333,6 @@ 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", @@ -43348,11 +43493,6 @@ 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", @@ -43383,11 +43523,6 @@ 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", @@ -44271,6 +44406,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -44386,6 +44526,21 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -44411,11 +44566,6 @@ 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)", @@ -44576,11 +44726,6 @@ 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)", @@ -44611,11 +44756,6 @@ 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)", @@ -45499,6 +45639,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -45614,6 +45759,21 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -45639,11 +45799,6 @@ 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", @@ -45804,11 +45959,6 @@ 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", @@ -45839,11 +45989,6 @@ 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", @@ -46967,6 +47112,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -47289,6 +47448,48 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -47359,20 +47560,6 @@ 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", @@ -47821,20 +48008,6 @@ 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", @@ -47919,20 +48092,6 @@ 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", @@ -50847,6 +51006,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -50962,6 +51126,21 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -50987,11 +51166,6 @@ 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", @@ -51152,11 +51326,6 @@ 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", @@ -51187,11 +51356,6 @@ 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", @@ -52103,6 +52267,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -52218,6 +52387,21 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -52243,11 +52427,6 @@ 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)", @@ -52408,11 +52587,6 @@ 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)", @@ -52443,11 +52617,6 @@ 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)", @@ -53359,6 +53528,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -53474,6 +53648,21 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -53499,11 +53688,6 @@ 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", @@ -53664,11 +53848,6 @@ 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", @@ -53699,11 +53878,6 @@ 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", @@ -54855,6 +55029,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -55177,6 +55365,48 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -55247,20 +55477,6 @@ 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", @@ -55709,20 +55925,6 @@ 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", @@ -55807,20 +56009,6 @@ 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", @@ -58731,6 +58919,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -58846,6 +59039,21 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -58871,11 +59079,6 @@ 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", @@ -59036,11 +59239,6 @@ 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", @@ -59071,11 +59269,6 @@ 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", @@ -59986,6 +60179,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -60101,6 +60299,21 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -60126,11 +60339,6 @@ 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)", @@ -60291,11 +60499,6 @@ 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)", @@ -60326,11 +60529,6 @@ 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)", @@ -61241,6 +61439,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -61356,6 +61559,21 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -61381,11 +61599,6 @@ 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", @@ -61546,11 +61759,6 @@ 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", @@ -61581,11 +61789,6 @@ 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", @@ -62744,6 +62947,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -63066,6 +63283,48 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -63136,20 +63395,6 @@ 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", @@ -63920,20 +64165,6 @@ 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", @@ -64018,20 +64249,6 @@ 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", @@ -67794,6 +68011,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -67909,6 +68131,21 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -67934,11 +68171,6 @@ 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", @@ -68214,11 +68446,6 @@ 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", @@ -68249,11 +68476,6 @@ 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", @@ -69377,6 +69599,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -69492,6 +69719,21 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -69517,11 +69759,6 @@ 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)", @@ -69797,11 +70034,6 @@ 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)", @@ -69832,11 +70064,6 @@ 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)", @@ -70960,6 +71187,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -71075,6 +71307,21 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -71100,11 +71347,6 @@ 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", @@ -71380,11 +71622,6 @@ 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", @@ -71415,11 +71652,6 @@ 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", @@ -72783,6 +73015,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -73105,6 +73351,48 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -73175,20 +73463,6 @@ 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", @@ -73959,20 +74233,6 @@ 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", @@ -74057,20 +74317,6 @@ 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", @@ -77833,6 +78079,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -77948,6 +78199,21 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -77973,11 +78239,6 @@ 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", @@ -78253,11 +78514,6 @@ 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", @@ -78288,11 +78544,6 @@ 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", @@ -79416,6 +79667,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -79531,6 +79787,21 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -79556,11 +79827,6 @@ 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)", @@ -79836,11 +80102,6 @@ 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)", @@ -79871,11 +80132,6 @@ 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)", @@ -80999,6 +81255,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -81114,6 +81375,21 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -81139,11 +81415,6 @@ 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", @@ -81419,11 +81690,6 @@ 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", @@ -81454,11 +81720,6 @@ 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", @@ -82822,6 +83083,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -83144,6 +83419,48 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -83214,20 +83531,6 @@ 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", @@ -84012,20 +84315,6 @@ 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", @@ -84110,20 +84399,6 @@ 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", @@ -87878,6 +88153,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -87993,6 +88273,21 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -88018,11 +88313,6 @@ 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", @@ -88303,11 +88593,6 @@ 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", @@ -88338,11 +88623,6 @@ 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", @@ -89464,6 +89744,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -89579,6 +89864,21 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -89604,11 +89904,6 @@ 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)", @@ -89889,11 +90184,6 @@ 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)", @@ -89924,11 +90214,6 @@ 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)", @@ -91050,6 +91335,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -91165,6 +91455,21 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -91190,11 +91495,6 @@ 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", @@ -91475,11 +91775,6 @@ 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", @@ -91510,11 +91805,6 @@ 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", @@ -92882,6 +93172,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -93232,6 +93536,48 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -93302,20 +93648,6 @@ 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", @@ -94114,20 +94446,6 @@ 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", @@ -94352,20 +94670,6 @@ 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", @@ -98843,6 +99147,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -98968,6 +99277,21 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -98993,11 +99317,6 @@ 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", @@ -99283,11 +99602,6 @@ 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", @@ -99368,11 +99682,6 @@ 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", @@ -100836,6 +101145,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -100961,6 +101275,21 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -100986,11 +101315,6 @@ 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)", @@ -101276,11 +101600,6 @@ 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)", @@ -101361,11 +101680,6 @@ 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)", @@ -102829,6 +103143,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -102954,6 +103273,21 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -102979,11 +103313,6 @@ 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", @@ -103269,11 +103598,6 @@ 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", @@ -103354,11 +103678,6 @@ 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", @@ -105071,6 +105390,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -105421,6 +105754,48 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -105491,20 +105866,6 @@ 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", @@ -106303,20 +106664,6 @@ 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", @@ -106541,20 +106888,6 @@ 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", @@ -111036,6 +111369,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -111161,6 +111499,21 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -111186,11 +111539,6 @@ 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", @@ -111476,11 +111824,6 @@ 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", @@ -111561,11 +111904,6 @@ 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", @@ -113030,6 +113368,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -113155,6 +113498,21 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -113180,11 +113538,6 @@ 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)", @@ -113470,11 +113823,6 @@ 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)", @@ -113555,11 +113903,6 @@ 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)", @@ -115024,6 +115367,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -115149,6 +115497,21 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -115174,11 +115537,6 @@ 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", @@ -115464,11 +115822,6 @@ 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", @@ -115549,11 +115902,6 @@ 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", @@ -117267,6 +117615,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -117617,6 +117979,48 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -117687,20 +118091,6 @@ 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", @@ -118499,20 +118889,6 @@ 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", @@ -118737,20 +119113,6 @@ 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", @@ -123232,6 +123594,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -123357,6 +123724,21 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -123382,11 +123764,6 @@ 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", @@ -123672,11 +124049,6 @@ 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", @@ -123757,11 +124129,6 @@ 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", @@ -125226,6 +125593,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -125351,6 +125723,21 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -125376,11 +125763,6 @@ 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)", @@ -125666,11 +126048,6 @@ 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)", @@ -125751,11 +126128,6 @@ 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)", @@ -127220,6 +127592,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -127345,6 +127722,21 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -127370,11 +127762,6 @@ 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", @@ -127660,11 +128047,6 @@ 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", @@ -127745,11 +128127,6 @@ 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", @@ -129463,6 +129840,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -129813,6 +130204,48 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -129883,20 +130316,6 @@ 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", @@ -130695,20 +131114,6 @@ 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", @@ -130933,20 +131338,6 @@ 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", @@ -135424,6 +135815,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -135549,6 +135945,21 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -135574,11 +135985,6 @@ 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", @@ -135864,11 +136270,6 @@ 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", @@ -135949,11 +136350,6 @@ 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", @@ -137417,6 +137813,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -137542,6 +137943,21 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -137567,11 +137983,6 @@ 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)", @@ -137857,11 +138268,6 @@ 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)", @@ -137942,11 +138348,6 @@ 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)", @@ -139410,6 +139811,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -139535,6 +139941,21 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -139560,11 +139981,6 @@ 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", @@ -139850,11 +140266,6 @@ 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", @@ -139935,11 +140346,6 @@ 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", @@ -141652,6 +142058,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -142002,6 +142422,48 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -142072,20 +142534,6 @@ 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", @@ -142884,20 +143332,6 @@ 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", @@ -143122,20 +143556,6 @@ 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", @@ -147565,6 +147985,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -147690,6 +148115,21 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -147715,11 +148155,6 @@ 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", @@ -148005,11 +148440,6 @@ 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", @@ -148090,11 +148520,6 @@ 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", @@ -149541,6 +149966,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -149666,6 +150096,21 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #DFE1E6)", "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", @@ -149691,11 +150136,6 @@ 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)", @@ -149981,11 +150421,6 @@ 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)", @@ -150066,11 +150501,6 @@ 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)", @@ -151517,6 +151947,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -151642,6 +152077,21 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -151667,11 +152117,6 @@ 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", @@ -151957,11 +152402,6 @@ 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", @@ -152042,11 +152482,6 @@ 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", @@ -153742,6 +154177,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -154092,6 +154541,48 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -154162,20 +154653,6 @@ 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", @@ -154974,20 +155451,6 @@ 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", @@ -155212,20 +155675,6 @@ 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", @@ -159655,6 +160104,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -159780,6 +160234,21 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -159805,11 +160274,6 @@ 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", @@ -160095,11 +160559,6 @@ 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", @@ -160180,11 +160639,6 @@ 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", @@ -161631,6 +162085,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3D3E3F)", "hover": "var(--vkui--color_background_modal--hover, #343536)", @@ -161756,6 +162215,21 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -161781,11 +162255,6 @@ 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)", @@ -162071,11 +162540,6 @@ 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)", @@ -162156,11 +162620,6 @@ 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)", @@ -163607,6 +164066,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -163732,6 +164196,21 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -163757,11 +164236,6 @@ 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", @@ -164047,11 +164521,6 @@ 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", @@ -164132,11 +164601,6 @@ 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", @@ -165832,6 +166296,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -166182,6 +166660,48 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -166252,20 +166772,6 @@ 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", @@ -167064,20 +167570,6 @@ 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", @@ -167302,20 +167794,6 @@ 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", @@ -171793,6 +172271,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -171918,6 +172401,21 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -171943,11 +172441,6 @@ 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", @@ -172233,11 +172726,6 @@ 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", @@ -172318,11 +172806,6 @@ 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", @@ -173786,6 +174269,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -173911,6 +174399,21 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -173936,11 +174439,6 @@ 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)", @@ -174226,11 +174724,6 @@ 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)", @@ -174311,11 +174804,6 @@ 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)", @@ -175779,6 +176267,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -175904,6 +176397,21 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -175929,11 +176437,6 @@ 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", @@ -176219,11 +176722,6 @@ 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", @@ -176304,11 +176802,6 @@ 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", @@ -178003,6 +178496,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -178325,6 +178832,48 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -178395,20 +178944,6 @@ 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", @@ -178857,20 +179392,6 @@ 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", @@ -178955,20 +179476,6 @@ 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", @@ -181665,6 +182172,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -181780,6 +182292,21 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -181805,11 +182332,6 @@ 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", @@ -181970,11 +182492,6 @@ 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", @@ -182005,11 +182522,6 @@ 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", @@ -182839,6 +183351,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -182954,6 +183471,21 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -182979,11 +183511,6 @@ 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)", @@ -183144,11 +183671,6 @@ 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)", @@ -183179,11 +183701,6 @@ 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)", @@ -184013,6 +184530,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -184128,6 +184650,21 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -184153,11 +184690,6 @@ 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", @@ -184318,11 +184850,6 @@ 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", @@ -184353,11 +184880,6 @@ 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", @@ -185427,6 +185949,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -185749,6 +186285,48 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -185819,20 +186397,6 @@ 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", @@ -186281,20 +186845,6 @@ 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", @@ -186379,20 +186929,6 @@ 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", @@ -189089,6 +189625,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -189204,6 +189745,21 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -189229,11 +189785,6 @@ 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", @@ -189394,11 +189945,6 @@ 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", @@ -189429,11 +189975,6 @@ 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", @@ -190263,6 +190804,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -190378,6 +190924,21 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -190403,11 +190964,6 @@ 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)", @@ -190568,11 +191124,6 @@ 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)", @@ -190603,11 +191154,6 @@ 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)", @@ -191437,6 +191983,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -191552,6 +192103,21 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -191577,11 +192143,6 @@ 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", @@ -191742,11 +192303,6 @@ 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", @@ -191777,11 +192333,6 @@ 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", @@ -192855,6 +193406,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -193177,6 +193742,48 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -193247,20 +193854,6 @@ 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", @@ -193709,20 +194302,6 @@ 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", @@ -193807,20 +194386,6 @@ 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", @@ -196649,6 +197214,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -196764,6 +197334,21 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -196789,11 +197374,6 @@ 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", @@ -196954,11 +197534,6 @@ 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", @@ -196989,11 +197564,6 @@ 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", @@ -197876,6 +198446,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -197991,6 +198566,21 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -198016,11 +198606,6 @@ 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)", @@ -198181,11 +198766,6 @@ 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)", @@ -198216,11 +198796,6 @@ 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)", @@ -199103,6 +199678,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -199218,6 +199798,21 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -199243,11 +199838,6 @@ 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", @@ -199408,11 +199998,6 @@ 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", @@ -199443,11 +200028,6 @@ 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", @@ -200570,6 +201150,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -200892,6 +201486,48 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -200962,20 +201598,6 @@ 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", @@ -201424,20 +202046,6 @@ 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", @@ -201522,20 +202130,6 @@ 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", @@ -204368,6 +204962,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -204483,6 +205082,21 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -204508,11 +205122,6 @@ 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", @@ -204673,11 +205282,6 @@ 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", @@ -204708,11 +205312,6 @@ 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", @@ -205596,6 +206195,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -205711,6 +206315,21 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -205736,11 +206355,6 @@ 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)", @@ -205901,11 +206515,6 @@ 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)", @@ -205936,11 +206545,6 @@ 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)", @@ -206824,6 +207428,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -206939,6 +207548,21 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -206964,11 +207588,6 @@ 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", @@ -207129,11 +207748,6 @@ 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", @@ -207164,11 +207778,6 @@ 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", @@ -208300,6 +208909,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -208622,6 +209245,48 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -208692,20 +209357,6 @@ 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", @@ -209490,20 +210141,6 @@ 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", @@ -209588,20 +210225,6 @@ 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", @@ -213364,6 +213987,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -213479,6 +214107,21 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -213504,11 +214147,6 @@ 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", @@ -213789,11 +214427,6 @@ 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", @@ -213824,11 +214457,6 @@ 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", @@ -214952,6 +215580,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -215067,6 +215700,21 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -215092,11 +215740,6 @@ 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)", @@ -215377,11 +216020,6 @@ 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)", @@ -215412,11 +216050,6 @@ 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)", @@ -216540,6 +217173,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -216655,6 +217293,21 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -216680,11 +217333,6 @@ 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", @@ -216965,11 +217613,6 @@ 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", @@ -217000,11 +217643,6 @@ 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", @@ -218360,6 +218998,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -218682,6 +219334,48 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -218752,20 +219446,6 @@ 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", @@ -219214,20 +219894,6 @@ 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", @@ -219312,20 +219978,6 @@ 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", @@ -222474,6 +223126,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -222589,6 +223246,21 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -222614,11 +223286,6 @@ 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", @@ -222779,11 +223446,6 @@ 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", @@ -222814,11 +223476,6 @@ 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", @@ -223808,6 +224465,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -223923,6 +224585,21 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -223948,11 +224625,6 @@ 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)", @@ -224113,11 +224785,6 @@ 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)", @@ -224148,11 +224815,6 @@ 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)", @@ -225142,6 +225804,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -225257,6 +225924,21 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -225282,11 +225964,6 @@ 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", @@ -225447,11 +226124,6 @@ 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", @@ -225482,11 +226154,6 @@ 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", @@ -226716,6 +227383,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -227038,6 +227719,48 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -227108,20 +227831,6 @@ 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", @@ -227570,20 +228279,6 @@ 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", @@ -227668,20 +228363,6 @@ 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", @@ -230826,6 +231507,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -230941,6 +231627,21 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -230966,11 +231667,6 @@ 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", @@ -231131,11 +231827,6 @@ 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", @@ -231166,11 +231857,6 @@ 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", @@ -232159,6 +232845,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -232274,6 +232965,21 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -232299,11 +233005,6 @@ 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)", @@ -232464,11 +233165,6 @@ 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)", @@ -232499,11 +233195,6 @@ 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)", @@ -233492,6 +234183,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -233607,6 +234303,21 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -233632,11 +234343,6 @@ 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", @@ -233797,11 +234503,6 @@ 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", @@ -233832,11 +234533,6 @@ 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", @@ -235081,6 +235777,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -235403,6 +236113,48 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -235473,20 +236225,6 @@ 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", @@ -235935,20 +236673,6 @@ 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", @@ -236033,20 +236757,6 @@ 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", @@ -239675,6 +240385,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -239790,6 +240505,21 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -239815,11 +240545,6 @@ 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", @@ -239980,11 +240705,6 @@ 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", @@ -240015,11 +240735,6 @@ 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", @@ -241142,6 +241857,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -241257,6 +241977,21 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -241282,11 +242017,6 @@ 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)", @@ -241447,11 +242177,6 @@ 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)", @@ -241482,11 +242207,6 @@ 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)", @@ -242609,6 +243329,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -242724,6 +243449,21 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -242749,11 +243489,6 @@ 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", @@ -242914,11 +243649,6 @@ 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", @@ -242949,11 +243679,6 @@ 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", @@ -254338,6 +255063,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -254660,6 +255399,48 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -254730,20 +255511,6 @@ 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", @@ -255192,20 +255959,6 @@ 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", @@ -255290,20 +256043,6 @@ 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", @@ -259138,6 +259877,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -259253,6 +259997,21 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -259278,11 +260037,6 @@ 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", @@ -259443,11 +260197,6 @@ 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", @@ -259478,11 +260227,6 @@ 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", @@ -260621,6 +261365,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -260736,6 +261485,21 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -260761,11 +261525,6 @@ 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)", @@ -260926,11 +261685,6 @@ 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)", @@ -260961,11 +261715,6 @@ 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)", @@ -262104,6 +262853,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -262219,6 +262973,21 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -262244,11 +263013,6 @@ 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", @@ -262409,11 +263173,6 @@ 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", @@ -262444,11 +263203,6 @@ 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", @@ -263827,6 +264581,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -264149,6 +264917,48 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -264219,20 +265029,6 @@ 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", @@ -264681,20 +265477,6 @@ 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", @@ -264779,20 +265561,6 @@ 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", @@ -267625,6 +268393,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -267740,6 +268513,21 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -267765,11 +268553,6 @@ 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", @@ -267930,11 +268713,6 @@ 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", @@ -267965,11 +268743,6 @@ 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", @@ -268853,6 +269626,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -268968,6 +269746,21 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -268993,11 +269786,6 @@ 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)", @@ -269158,11 +269946,6 @@ 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)", @@ -269193,11 +269976,6 @@ 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)", @@ -270081,6 +270859,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -270196,6 +270979,21 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -270221,11 +271019,6 @@ 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", @@ -270386,11 +271179,6 @@ 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", @@ -270421,11 +271209,6 @@ 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", @@ -271497,6 +272280,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -271651,6 +272448,48 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -271721,20 +272560,6 @@ 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", @@ -272169,20 +272994,6 @@ 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", @@ -272267,20 +273078,6 @@ 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", @@ -274234,6 +275031,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -274289,6 +275091,21 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -274314,11 +275131,6 @@ 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", @@ -274474,11 +275286,6 @@ 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", @@ -274509,11 +275316,6 @@ 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", @@ -275135,6 +275937,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -275190,6 +275997,21 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #DFE1E6)", "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", @@ -275215,11 +276037,6 @@ 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)", @@ -275375,11 +276192,6 @@ 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)", @@ -275410,11 +276222,6 @@ 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)", @@ -276036,6 +276843,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -276091,6 +276903,21 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -276116,11 +276943,6 @@ 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", @@ -276276,11 +277098,6 @@ 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", @@ -276311,11 +277128,6 @@ 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", @@ -277150,6 +277962,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -277304,6 +278130,48 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -277374,20 +278242,6 @@ 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", @@ -277822,20 +278676,6 @@ 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", @@ -277920,20 +278760,6 @@ 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", @@ -279891,6 +280717,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -279946,6 +280777,21 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -279971,11 +280817,6 @@ 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", @@ -280131,11 +280972,6 @@ 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", @@ -280166,11 +281002,6 @@ 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", @@ -280793,6 +281624,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3D3E3F)", "hover": "var(--vkui--color_background_modal--hover, #343536)", @@ -280848,6 +281684,21 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -280873,11 +281724,6 @@ 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)", @@ -281033,11 +281879,6 @@ 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)", @@ -281068,11 +281909,6 @@ 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)", @@ -281695,6 +282531,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -281750,6 +282591,21 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -281775,11 +282631,6 @@ 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", @@ -281935,11 +282786,6 @@ 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", @@ -281970,11 +282816,6 @@ 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", @@ -282810,6 +283651,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -282827,15 +283682,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #000105)", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #000102)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #000000)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { @@ -282911,15 +283766,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(200, 212, 224, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, }, "colorBackgroundTertiary": { @@ -282964,6 +283819,48 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #346297)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #346297)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #346297)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -283023,29 +283920,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "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)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "colorIconContrast": { @@ -283471,29 +284354,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "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)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "colorStrokeContrast": { @@ -283569,29 +284438,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "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)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "colorTextContrast": { @@ -285551,15 +286406,20 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -285587,9 +286447,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(200, 212, 224, 0.99)", - "hover": "rgba(213, 224, 234, 0.99)", - "normal": "rgba(229, 235, 241, 0.99)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -285606,6 +286466,21 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonStroke": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonText": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorFieldBackground": { "active": "#E3E5EB", "hover": "#EDEFF2", @@ -285627,14 +286502,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorIconButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", @@ -285787,14 +286657,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorStrokeButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -285822,14 +286687,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorTextButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", @@ -286453,15 +287313,20 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #000105)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #000102)", - "normal": "var(--vkui--color_background_modal_inverse, #000000)", + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -286489,9 +287354,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(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))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", @@ -286508,6 +287373,21 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #305B90)", + "hover": "var(--vkui--color_button_icon--hover, #325F93)", + "normal": "var(--vkui--color_button_icon, #346297)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #305B90)", + "hover": "var(--vkui--color_button_stroke--hover, #325F93)", + "normal": "var(--vkui--color_button_stroke, #346297)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #305B90)", + "hover": "var(--vkui--color_button_text--hover, #325F93)", + "normal": "var(--vkui--color_button_text, #346297)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #E3E5EB)", "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", @@ -286529,14 +287409,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_accent, #447BBA)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -286689,14 +287564,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_stroke_accent, #447BBA)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -286724,14 +287594,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_accent, #447BBA)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_text_accent_themed, #3770B1)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -287355,15 +288220,20 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -287391,9 +288261,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(200, 212, 224, 0.99)", - "hover": "rgba(213, 224, 234, 0.99)", - "normal": "rgba(229, 235, 241, 0.99)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -287410,6 +288280,21 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonStroke": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonText": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorFieldBackground": { "active": "#E3E5EB", "hover": "#EDEFF2", @@ -287431,14 +288316,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorIconButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", @@ -287591,14 +288471,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorStrokeButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -287626,14 +288501,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorTextButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", @@ -288470,6 +289340,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -288624,6 +289508,48 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #E1E3E6)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #E1E3E6)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -288694,20 +289620,6 @@ 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", @@ -289142,20 +290054,6 @@ 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", @@ -289240,20 +290138,6 @@ 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", @@ -291211,6 +292095,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3A3A3A", "hover": "#323232", @@ -291266,6 +292155,21 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonStroke": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorFieldBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -291291,11 +292195,6 @@ 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", @@ -291451,11 +292350,6 @@ 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", @@ -291486,11 +292380,6 @@ 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", @@ -292113,6 +293002,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3A3A3A)", "hover": "var(--vkui--color_background_modal--hover, #323232)", @@ -292168,6 +293062,21 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_icon, #E1E3E6)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #E3E5E8)", + "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_text, #E1E3E6)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #3A3A3A)", "hover": "var(--vkui--color_field_background--hover, #323232)", @@ -292193,11 +293102,6 @@ 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)", @@ -292353,11 +293257,6 @@ 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)", @@ -292388,11 +293287,6 @@ 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)", @@ -293015,6 +293909,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3A3A3A", "hover": "#323232", @@ -293070,6 +293969,21 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonStroke": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorFieldBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -293095,11 +294009,6 @@ 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", @@ -293255,11 +294164,6 @@ 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", @@ -293290,11 +294194,6 @@ 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", @@ -294130,6 +295029,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -294284,6 +295197,48 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -294354,20 +295309,6 @@ 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", @@ -294802,20 +295743,6 @@ 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", @@ -294900,20 +295827,6 @@ 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", @@ -296871,6 +297784,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -296926,6 +297844,21 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -296951,11 +297884,6 @@ 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", @@ -297111,11 +298039,6 @@ 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", @@ -297146,11 +298069,6 @@ 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", @@ -297773,6 +298691,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -297828,6 +298751,21 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #DFE1E6)", "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", @@ -297853,11 +298791,6 @@ 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)", @@ -298013,11 +298946,6 @@ 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)", @@ -298048,11 +298976,6 @@ 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)", @@ -298675,6 +299598,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -298730,6 +299658,21 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -298755,11 +299698,6 @@ 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", @@ -298915,11 +299853,6 @@ 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", @@ -298950,11 +299883,6 @@ 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", @@ -299790,6 +300718,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -299944,6 +300886,48 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -300014,20 +300998,6 @@ 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", @@ -300462,20 +301432,6 @@ 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", @@ -300560,20 +301516,6 @@ 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", @@ -302531,6 +303473,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -302586,6 +303533,21 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -302611,11 +303573,6 @@ 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", @@ -302771,11 +303728,6 @@ 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", @@ -302806,11 +303758,6 @@ 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", @@ -303433,6 +304380,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3D3E3F)", "hover": "var(--vkui--color_background_modal--hover, #343536)", @@ -303488,6 +304440,21 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -303513,11 +304480,6 @@ 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)", @@ -303673,11 +304635,6 @@ 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)", @@ -303708,11 +304665,6 @@ 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)", @@ -304335,6 +305287,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -304390,6 +305347,21 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -304415,11 +305387,6 @@ 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", @@ -304575,11 +305542,6 @@ 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", @@ -304610,11 +305572,6 @@ 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", @@ -305450,6 +306407,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -305604,6 +306575,48 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -305674,20 +306687,6 @@ 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", @@ -306122,20 +307121,6 @@ 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", @@ -306220,20 +307205,6 @@ 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", @@ -309191,6 +310162,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -309246,6 +310222,21 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -309271,11 +310262,6 @@ 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", @@ -309431,11 +310417,6 @@ 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", @@ -309466,11 +310447,6 @@ 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", @@ -310436,6 +311412,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -310491,6 +311472,21 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #DFE1E6)", "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", @@ -310516,11 +311512,6 @@ 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)", @@ -310676,11 +311667,6 @@ 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)", @@ -310711,11 +311697,6 @@ 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)", @@ -311681,6 +312662,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -311736,6 +312722,21 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -311761,11 +312762,6 @@ 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", @@ -311921,11 +312917,6 @@ 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", @@ -311956,11 +312947,6 @@ 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", @@ -313139,6 +314125,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -313293,6 +314293,48 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -313363,20 +314405,6 @@ 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", @@ -313811,20 +314839,6 @@ 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", @@ -313909,20 +314923,6 @@ 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", @@ -316884,6 +317884,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -316939,6 +317944,21 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -316964,11 +317984,6 @@ 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", @@ -317124,11 +318139,6 @@ 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", @@ -317159,11 +318169,6 @@ 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", @@ -318130,6 +319135,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3D3E3F)", "hover": "var(--vkui--color_background_modal--hover, #343536)", @@ -318185,6 +319195,21 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -318210,11 +319235,6 @@ 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)", @@ -318370,11 +319390,6 @@ 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)", @@ -318405,11 +319420,6 @@ 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)", @@ -319376,6 +320386,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -319431,6 +320446,21 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -319456,11 +320486,6 @@ 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", @@ -319616,11 +320641,6 @@ 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", @@ -319651,11 +320671,6 @@ 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", @@ -320835,6 +321850,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -320852,15 +321881,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #000105)", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #000102)", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #000000)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { @@ -320936,15 +321965,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(200, 212, 224, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, }, "colorBackgroundTertiary": { @@ -320989,6 +322018,48 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #346297)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #346297)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #305B90)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #325F93)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #346297)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -321048,29 +322119,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "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)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "colorIconContrast": { @@ -321496,29 +322553,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "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)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "colorStrokeContrast": { @@ -321594,29 +322637,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "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)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "colorTextContrast": { @@ -324580,15 +325609,20 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -324616,9 +325650,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(200, 212, 224, 0.99)", - "hover": "rgba(213, 224, 234, 0.99)", - "normal": "rgba(229, 235, 241, 0.99)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -324635,6 +325669,21 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonStroke": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonText": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorFieldBackground": { "active": "#E3E5EB", "hover": "#EDEFF2", @@ -324656,14 +325705,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorIconButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", @@ -324816,14 +325860,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorStrokeButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -324851,14 +325890,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorTextButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", @@ -325826,15 +326860,20 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #000105)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #000102)", - "normal": "var(--vkui--color_background_modal_inverse, #000000)", + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -325862,9 +326901,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(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))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", @@ -325881,6 +326920,21 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #305B90)", + "hover": "var(--vkui--color_button_icon--hover, #325F93)", + "normal": "var(--vkui--color_button_icon, #346297)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #305B90)", + "hover": "var(--vkui--color_button_stroke--hover, #325F93)", + "normal": "var(--vkui--color_button_stroke, #346297)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #305B90)", + "hover": "var(--vkui--color_button_text--hover, #325F93)", + "normal": "var(--vkui--color_button_text, #346297)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #E3E5EB)", "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", @@ -325902,14 +326956,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_accent, #447BBA)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -326062,14 +327111,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_stroke_accent, #447BBA)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -326097,14 +327141,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_accent, #447BBA)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3F72B0)", - "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)", + "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_text_accent_themed, #3770B1)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -327072,15 +328111,20 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -327108,9 +328152,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(200, 212, 224, 0.99)", - "hover": "rgba(213, 224, 234, 0.99)", - "normal": "rgba(229, 235, 241, 0.99)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { "active": "#E6E8ED", @@ -327127,6 +328171,21 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonStroke": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, + "colorButtonText": { + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", + }, "colorFieldBackground": { "active": "#E3E5EB", "hover": "#EDEFF2", @@ -327148,14 +328207,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorIconButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", @@ -327308,14 +328362,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorStrokeButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -327343,14 +328392,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", - }, - "colorTextButton": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", @@ -328531,6 +329575,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -328685,6 +329743,48 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #E1E3E6)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #E1E3E6)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -328755,20 +329855,6 @@ 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", @@ -329203,20 +330289,6 @@ 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", @@ -329301,20 +330373,6 @@ 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", @@ -332276,6 +333334,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3A3A3A", "hover": "#323232", @@ -332331,6 +333394,21 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonStroke": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorFieldBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -332356,11 +333434,6 @@ 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", @@ -332516,11 +333589,6 @@ 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", @@ -332551,11 +333619,6 @@ 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", @@ -333522,6 +334585,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3A3A3A)", "hover": "var(--vkui--color_background_modal--hover, #323232)", @@ -333577,6 +334645,21 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_icon, #E1E3E6)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #E3E5E8)", + "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_text, #E1E3E6)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #3A3A3A)", "hover": "var(--vkui--color_field_background--hover, #323232)", @@ -333602,11 +334685,6 @@ 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)", @@ -333762,11 +334840,6 @@ 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)", @@ -333797,11 +334870,6 @@ 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)", @@ -334768,6 +335836,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3A3A3A", "hover": "#323232", @@ -334823,6 +335896,21 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonStroke": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorButtonText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorFieldBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -334848,11 +335936,6 @@ 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", @@ -335008,11 +336091,6 @@ 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", @@ -335043,11 +336121,6 @@ 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", @@ -336227,6 +337300,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -336381,6 +337468,48 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -336451,20 +337580,6 @@ 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", @@ -336899,20 +338014,6 @@ 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", @@ -336997,20 +338098,6 @@ 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", @@ -339972,6 +341059,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -340027,6 +341119,21 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -340052,11 +341159,6 @@ 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", @@ -340212,11 +341314,6 @@ 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", @@ -340247,11 +341344,6 @@ 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", @@ -341218,6 +342310,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -341273,6 +342370,21 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", "normal": "var(--vkui--color_background_warning, #fff2d6)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #DFE1E6)", "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", @@ -341298,11 +342410,6 @@ 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)", @@ -341458,11 +342565,6 @@ 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)", @@ -341493,11 +342595,6 @@ 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)", @@ -342464,6 +343561,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.20)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -342519,6 +343621,21 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#F5E9D0", "normal": "#fff2d6", }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "colorFieldBackground": { "active": "#DFE1E6", "hover": "#E8EAEE", @@ -342544,11 +343661,6 @@ 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", @@ -342704,11 +343816,6 @@ 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", @@ -342739,11 +343846,6 @@ 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", @@ -343923,6 +345025,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -344077,6 +345193,48 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning, #857250)", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -344147,20 +345305,6 @@ 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", @@ -344595,20 +345739,6 @@ 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", @@ -344693,20 +345823,6 @@ 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", @@ -347668,6 +348784,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -347723,6 +348844,21 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -347748,11 +348884,6 @@ 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", @@ -347908,11 +349039,6 @@ 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", @@ -347943,11 +349069,6 @@ 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", @@ -348914,6 +350035,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #3D3E3F)", "hover": "var(--vkui--color_background_modal--hover, #343536)", @@ -348969,6 +350095,21 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_warning--hover, #8A7857)", "normal": "var(--vkui--color_background_warning, #857250)", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -348994,11 +350135,6 @@ 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)", @@ -349154,11 +350290,6 @@ 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)", @@ -349189,11 +350320,6 @@ 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)", @@ -350160,6 +351286,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, "colorBackgroundModal": { "active": "#3D3E3F", "hover": "#343536", @@ -350215,6 +351346,21 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#8A7857", "normal": "#857250", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -350240,11 +351386,6 @@ 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", @@ -350400,11 +351541,6 @@ 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", @@ -350435,11 +351571,6 @@ 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", @@ -351671,6 +352802,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -351993,6 +353138,48 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #005FF9)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #005FF9)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #0059EA)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #005FF9)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -352063,20 +353250,6 @@ 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", @@ -352525,20 +353698,6 @@ 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", @@ -352623,20 +353782,6 @@ 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", @@ -355469,6 +356614,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -355584,6 +356734,21 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -355609,11 +356774,6 @@ 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", @@ -355774,11 +356934,6 @@ 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", @@ -355809,11 +356964,6 @@ 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", @@ -356697,6 +357847,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", @@ -356812,6 +357967,21 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.8))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", @@ -356837,11 +358007,6 @@ 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)", @@ -357002,11 +358167,6 @@ 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)", @@ -357037,11 +358197,6 @@ 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)", @@ -357925,6 +359080,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -358040,6 +359200,21 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "rgba(255, 255, 255, 0.8)", "normal": "rgba(255, 255, 255, 1)", }, + "colorButtonIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonStroke": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorButtonText": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -358065,11 +359240,6 @@ 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", @@ -358230,11 +359400,6 @@ 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", @@ -358265,11 +359430,6 @@ 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", diff --git a/src/interfaces/general/colors/index.ts b/src/interfaces/general/colors/index.ts index f3a41b18..23be6aa3 100644 --- a/src/interfaces/general/colors/index.ts +++ b/src/interfaces/general/colors/index.ts @@ -111,6 +111,12 @@ export interface ColorsDescriptionStruct { */ colorBackgroundContrastInverse: ColorDescription; + /** + * @desc Контрастный фон, перекрашивается в серый на тёмной теме + * @tags color, background + */ + colorBackgroundContrastThemed: ColorDescription; + /** * @desc Фон для всплывающих окон * @tags color, background @@ -268,12 +274,6 @@ export interface ColorsDescriptionStruct { */ colorLinkContrast: ColorDescription; - /** - * @desc Цвет текста для кнопок - * @tags color - */ - colorTextButton: ColorDescription; - // Icons /** * @desc Акцентный цвет иконок @@ -365,12 +365,6 @@ export interface ColorsDescriptionStruct { */ colorIconNegative: ColorDescription; - /** - * @desc Цвет иконок для кнопок - * @tags color, icon - */ - colorIconButton: ColorDescription; - // Stroke /** * @desc Цвет акцентной обводки @@ -444,12 +438,6 @@ export interface ColorsDescriptionStruct { */ colorSeparatorPrimary3x: ColorDescription; - /** - * @desc Цвет обводки для кнопок - * @tags color, stroke - */ - colorStrokeButton: ColorDescription; - // Palette /** * @desc Палитра цветов. Голубой цвет @@ -632,6 +620,24 @@ export interface ColorsDescriptionStruct { */ colorTabbarTextInactive: ColorDescription; + /** + * @desc Цвет текста для кнопок + * @tags color + */ + colorButtonText: ColorDescription; + + /** + * @desc Цвет иконок для кнопок + * @tags color, icon + */ + colorButtonIcon: ColorDescription; + + /** + * @desc Цвет обводки для кнопок + * @tags color, stroke + */ + colorButtonStroke: ColorDescription; + // Themed цвета, в тёмной теме становится белыми } diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 2fdea0a8..c66d9e1f 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -57,6 +57,7 @@ export const lightColors: ColorsDescription = { colorFieldBackground: '#ffffff', colorBackgroundModalInverse: '#303030', colorBackgroundContrastInverse: '#303030', + colorBackgroundContrastThemed: '#FFFFFF', colorBackgroundAccentTint: '#5a9eff', // Text @@ -77,7 +78,6 @@ export const lightColors: ColorsDescription = { colorTextContrastThemed: '#FFFFFF', colorLinkContrast: '#FFFFFF', colorTextPositive: '#0DC268', - colorTextButton: '#005FF9', // Icons colorIconAccent: '#005FF9', @@ -95,7 +95,6 @@ export const lightColors: ColorsDescription = { colorIconContrastThemed: '#FFFFFF', colorIconPositive: '#0DC268', colorIconContrastSecondary: '#F2F3F5', - colorIconButton: '#005FF9', // Stroke colorStrokeAccent: '#005FF9', @@ -110,7 +109,6 @@ export const lightColors: ColorsDescription = { colorStrokePositive: '#0DC268', colorSeparatorPrimary2x: '#CDD0D5', colorSeparatorPrimary3x: '#BFC3CA', - colorStrokeButton: '#005FF9', // Palette colorAccentBlue: '#005FF9', @@ -145,6 +143,9 @@ export const lightColors: ColorsDescription = { colorOverlaySecondary: 'rgb(44, 45, 46, 0.5)', colorSegmentedControl: '#FFFFFF', colorTabbarTextInactive: '#99A2AD', + colorButtonText: '#005FF9', + colorButtonIcon: '#005FF9', + colorButtonStroke: '#005FF9', colorTransparent: 'transparent', }, }; @@ -185,6 +186,7 @@ export const darkColors: ColorsDescription = { colorFieldBackground: '#232324', colorBackgroundModalInverse: '#ffffff', colorBackgroundContrastInverse: '#303030', + colorBackgroundContrastThemed: '#303030', colorBackgroundAccentTint: '#5a9eff', // Text @@ -205,7 +207,6 @@ export const darkColors: ColorsDescription = { colorTextContrastThemed: '#2C2D2E', colorLinkContrast: '#FFFFFF', colorTextPositive: '#0DC268', - colorTextButton: '#FFFFFF', // Icons colorIconAccent: '#3C82FD', @@ -223,7 +224,6 @@ export const darkColors: ColorsDescription = { colorIconContrastThemed: '#2C2D2E', colorIconPositive: '#0DC268', colorIconContrastSecondary: '#F2F3F5', - colorIconButton: '#FFFFFF', // Stroke colorStrokeAccent: '#3C82FD', @@ -238,7 +238,6 @@ export const darkColors: ColorsDescription = { colorSeparatorPrimary2x: '#202022', colorSeparatorPrimary3x: '#2d2d2f', colorStrokePositive: '#0DC268', - colorStrokeButton: '#FFFFFF', // Palette colorAccentBlue: '#2775FC', @@ -273,6 +272,9 @@ export const darkColors: ColorsDescription = { colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', colorSegmentedControl: '#626364', colorTabbarTextInactive: '#76787A', + colorButtonText: '#FFFFFF', + colorButtonIcon: '#FFFFFF', + colorButtonStroke: '#FFFFFF', colorTransparent: 'transparent', }, }; diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index c95e546e..bc04d382 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -79,6 +79,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio }, }[colorsScheme], colorBackgroundContrastInverse: background.background_contrast_inverse, + colorBackgroundContrastThemed: { + light: '#FFFFFF', + dark: '#323232', + }[colorsScheme], colorBackgroundModal: background.background_modal, colorBackgroundModalInverse: background.background_modal_inverse, colorBackgroundWarning: background.background_warning, @@ -107,10 +111,6 @@ 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, @@ -128,10 +128,6 @@ 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, @@ -159,10 +155,6 @@ 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, @@ -189,6 +181,20 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorImagePlaceholderAlpha: other.image_placeholder_alpha, colorSkeletonFrom: other.skeleton_from, colorSkeletonTo: other.skeleton_to, + colorButtonText: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], + + colorButtonIcon: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], + + colorButtonStroke: { + light: '#2688eb', + dark: '#ffffff', + }[colorsScheme], colorWriteBarIcon: other.write_bar_icon, colorWriteBarInputBackground: other.write_bar_input_background, colorWriteBarInputBorder: other.write_bar_input_border, diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index 8ef7d365..eb7ac723 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -29,16 +29,17 @@ const vkComColors = (theme: typeof vkcom_light) => ({ colorBackgroundContent: resolveColor(theme.colors.background_content), colorBackgroundSecondary: resolveColor(theme.colors.content_tint_background), colorBackgroundSecondaryAlpha: { - normal: 'rgba(229, 235, 241, 0.99)', - hover: 'rgba(213, 224, 234, 0.99)', - active: 'rgba(200, 212, 224, 0.99)', + normal: 'rgba(235, 242, 250, 0.99)', + hover: 'rgba(223, 234, 246, 0.99)', + active: 'rgba(213, 226, 241, 0.99)', }, colorBackgroundTertiary: resolveColor(theme.colors.background_light), colorBackgroundContrast: resolveColor(theme.colors.media_overlay_button_background), // colorBackgroundContrastSecondaryAlpha: 'rgba(255, 255, 255, 0.20)', colorBackgroundContrastInverse: resolveColor(theme.colors.media_overlay_button_foreground), + colorBackgroundContrastThemed: '#FFFFFF', colorBackgroundModal: resolveColor(theme.colors.modal_card_background), - colorBackgroundModalInverse: resolveColor(theme.colors.modal_card_header_close), + colorBackgroundModalInverse: '#2D2D2E', // colorBackgroundWarning: resolveColor( // theme.colors.content_warning_background, // ), @@ -53,7 +54,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // Text colorTextAccent: resolveColor(theme.colors.accent), - colorTextAccentThemed: resolveColor(theme.colors.button_primary_background), + colorTextAccentThemed: '#3770B1', colorTextPrimary: resolveColor(theme.colors.text_primary), colorTextPrimaryInvariably: resolveColor(theme.colors.media_overlay_button_foreground), colorTextSecondary: resolveColor(theme.colors.text_secondary), @@ -68,11 +69,10 @@ 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), - colorIconAccentThemed: resolveColor(theme.colors.button_primary_background), + colorIconAccentThemed: '#3770B1', // colorIconPrimary: '#E1E3E6', colorIconPrimaryInvariably: resolveColor(theme.colors.media_overlay_button_foreground), colorIconMedium: resolveColor(theme.colors.icon_medium), @@ -86,11 +86,10 @@ 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), - colorStrokeAccentThemed: resolveColor(theme.colors.button_primary_background), + colorStrokeAccentThemed: '#3770B1', // colorSeparatorPrimary: '#363738', // resolveColor(theme.colors.separator_common), // colorSeparatorPrimary2x: '#444546', // colorSeparatorPrimary3x: '#505253', @@ -101,7 +100,6 @@ 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), @@ -136,6 +134,9 @@ const vkComColors = (theme: typeof vkcom_light) => ({ colorTrackBuffer: resolveColor(theme.colors.loader_track_value_fill), colorSearchFieldBackground: resolveColor(theme.colors.search_bar_field_background), colorPanelHeaderIcon: resolveColor(theme.colors.accent), + colorButtonText: '#346297', + colorButtonIcon: '#346297', + colorButtonStroke: '#346297', // colorSegmentedControl: resolveColor( // theme.colors.segmented_control_bar_background, // ), @@ -252,10 +253,15 @@ const vkComDarkColor: ColorsDescription = { hover: 'rgba(255, 255, 255, 0.12)', active: 'rgba(255, 255, 255, 0.14)', }, - colorTextButton: '#E1E3E6', - colorIconButton: '#E1E3E6', - colorStrokeButton: '#E1E3E6', + colorButtonText: '#E1E3E6', + colorButtonIcon: '#E1E3E6', + colorButtonStroke: '#E1E3E6', colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', + colorBackgroundContrastThemed: '#323232', + colorTextAccentThemed: '#E1E3E6', + colorIconAccentThemed: '#E1E3E6', + colorStrokeAccentThemed: '#E1E3E6', + colorBackgroundModalInverse: '#FFFFFF', }, };