diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 0b0134af..5b6f922b 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -64022,15 +64022,15 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -67147,9 +67147,9 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -68183,9 +68183,9 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -69219,9 +69219,9 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -192344,15 +192344,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -198989,9 +198989,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -201219,9 +201219,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -203449,9 +203449,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -344603,15 +344603,15 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", + "value": "var(--vkui--color_background_contrast_themed--active, #282B2F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #303132)", + "value": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -348248,9 +348248,9 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#2E2F33", - "hover": "#303132", - "normal": "#323232", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#1A3652", @@ -349442,9 +349442,9 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #2E2F33)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #303132)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #1A3652)", @@ -350636,9 +350636,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#2E2F33", - "hover": "#303132", - "normal": "#323232", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#1A3652", @@ -358410,15 +358410,15 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -361449,9 +361449,9 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -362450,9 +362450,9 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -363451,9 +363451,9 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -371032,15 +371032,15 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -374071,9 +374071,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -375072,9 +375072,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -376073,9 +376073,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -383647,15 +383647,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -386686,9 +386686,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -387687,9 +387687,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -388688,9 +388688,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -408891,15 +408891,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -411930,9 +411930,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -412931,9 +412931,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -413932,9 +413932,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -421506,15 +421506,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -424545,9 +424545,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -425546,9 +425546,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -426547,9 +426547,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -434128,15 +434128,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -437167,9 +437167,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -438168,9 +438168,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -439169,9 +439169,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -449236,15 +449236,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -453531,9 +453531,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -454942,9 +454942,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -456353,9 +456353,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -483944,15 +483944,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "colorBackgroundInfoTint": { @@ -488127,9 +488127,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", @@ -489522,9 +489522,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { "active": "var(--vkui--color_background_info_tint--active, #2E4962)", @@ -490917,9 +490917,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index d2272238..26bebdaa 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -79,7 +79,7 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorBackgroundContrastInverse: background.background_contrast_inverse, colorBackgroundContrastThemed: { light: '#FFFFFF', - dark: '#323232', + dark: '#2C2D2E', }[colorsScheme], colorBackgroundModal: { light: '#FFFFFF',