diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 952dc6cf..88518e0e 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -58377,15 +58377,15 @@ exports[`shapshots dobro theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -61166,9 +61166,9 @@ exports[`shapshots dobro theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -62211,9 +62211,9 @@ exports[`shapshots dobro theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -63256,9 +63256,9 @@ exports[`shapshots dobro theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -64930,15 +64930,15 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -67723,9 +67723,9 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -68769,9 +68769,9 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -69815,9 +69815,9 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -180416,15 +180416,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { @@ -186585,9 +186585,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -188825,9 +188825,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -191065,9 +191065,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -194114,15 +194114,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { @@ -200283,9 +200283,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -202523,9 +202523,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -204763,9 +204763,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -339414,15 +339414,15 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -342723,9 +342723,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -343926,9 +343926,9 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -345129,9 +345129,9 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -346961,15 +346961,15 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -350274,9 +350274,9 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#689EDD", @@ -351478,9 +351478,9 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #689EDD)", @@ -352682,9 +352682,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#689EDD", @@ -354515,15 +354515,15 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -357222,9 +357222,9 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -358233,9 +358233,9 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -359244,9 +359244,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -360884,15 +360884,15 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -363591,9 +363591,9 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -364602,9 +364602,9 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -365613,9 +365613,9 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -367253,15 +367253,15 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -369960,9 +369960,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -370971,9 +370971,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -371982,9 +371982,9 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -373622,15 +373622,15 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -376329,9 +376329,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -377340,9 +377340,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -378351,9 +378351,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -379991,15 +379991,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -382694,9 +382694,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -383704,9 +383704,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -384714,9 +384714,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -386353,15 +386353,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -389060,9 +389060,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -390071,9 +390071,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -391082,9 +391082,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -405460,15 +405460,15 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -408167,9 +408167,9 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -409178,9 +409178,9 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -410189,9 +410189,9 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -411829,15 +411829,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -414536,9 +414536,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -415547,9 +415547,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -416558,9 +416558,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -418198,15 +418198,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -420901,9 +420901,9 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -421911,9 +421911,9 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -422921,9 +422921,9 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -424560,15 +424560,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -427267,9 +427267,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -428278,9 +428278,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -429289,9 +429289,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -430929,15 +430929,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -433636,9 +433636,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -434647,9 +434647,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -435658,9 +435658,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -437298,15 +437298,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -440005,9 +440005,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -441016,9 +441016,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -442027,9 +442027,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -443667,15 +443667,15 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -447630,9 +447630,9 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -449051,9 +449051,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -450472,9 +450472,9 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -452522,15 +452522,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -456485,9 +456485,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -457906,9 +457906,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -459327,9 +459327,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -478767,15 +478767,15 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -482618,9 +482618,9 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -484023,9 +484023,9 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -485428,9 +485428,9 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -487462,15 +487462,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { @@ -491313,9 +491313,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -492718,9 +492718,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -494123,9 +494123,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index e5096aa5..80330ce4 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -223,9 +223,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio // Other colorOverlayPrimary: other.overlay_primary, colorOverlaySecondary: { - light: 'rgba(44, 45, 46, 0.5)', - dark: 'rgba(55, 56, 57, 0.5)', - }[colorsScheme], + normal: 'rgba(0, 0, 0, 0.27)', + hover: 'rgba(0, 0, 0, 0.31)', + active: 'rgba(0, 0, 0, 0.35)', + }, colorAvatarOverlay: other.avatar_overlay_alpha, colorAvatarOverlayInverseAlpha: other.avatar_overlay_inverse_alpha, colorActionSheetText: other.action_sheet_text,