From d2445f71cd9130d07cbc8c6dbf7cee9bcef7aa5e Mon Sep 17 00:00:00 2001 From: "a.kostiukov" Date: Thu, 29 Aug 2024 14:05:53 +0300 Subject: [PATCH 1/2] feat: change vkws tokens --- .../__snapshots__/snapthots.test.ts.snap | 1314 +++++++++++++++-- src/interfaces/themes/workspaceAdmin/index.ts | 17 + .../themes/workspaceAdmin/index.ts | 168 ++- 3 files changed, 1302 insertions(+), 197 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 6000a436..b02adda7 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -507918,6 +507918,216 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, + "colorAvatarsBlue": { + "active": { + "name": "--vkui--color_avatars_blue--active", + "value": "var(--vkui--color_avatars_blue--active, #4687EF)", + }, + "hover": { + "name": "--vkui--color_avatars_blue--hover", + "value": "var(--vkui--color_avatars_blue--hover, #498CF7)", + }, + "normal": { + "name": "--vkui--color_avatars_blue", + "value": "var(--vkui--color_avatars_blue, #4C91FF)", + }, + }, + "colorAvatarsCoral": { + "active": { + "name": "--vkui--color_avatars_coral--active", + "value": "var(--vkui--color_avatars_coral--active, #EA989C)", + }, + "hover": { + "name": "--vkui--color_avatars_coral--hover", + "value": "var(--vkui--color_avatars_coral--hover, #F49EA0)", + }, + "normal": { + "name": "--vkui--color_avatars_coral", + "value": "var(--vkui--color_avatars_coral, #FEA4A4)", + }, + }, + "colorAvatarsGreen": { + "active": { + "name": "--vkui--color_avatars_green--active", + "value": "var(--vkui--color_avatars_green--active, #3EBD4B)", + }, + "hover": { + "name": "--vkui--color_avatars_green--hover", + "value": "var(--vkui--color_avatars_green--hover, #40C44B)", + }, + "normal": { + "name": "--vkui--color_avatars_green", + "value": "var(--vkui--color_avatars_green, #43CC4C)", + }, + }, + "colorAvatarsIndigo": { + "active": { + "name": "--vkui--color_avatars_indigo--active", + "value": "var(--vkui--color_avatars_indigo--active, #6D6AE9)", + }, + "hover": { + "name": "--vkui--color_avatars_indigo--hover", + "value": "var(--vkui--color_avatars_indigo--hover, #726EF1)", + }, + "normal": { + "name": "--vkui--color_avatars_indigo", + "value": "var(--vkui--color_avatars_indigo, #7772F8)", + }, + }, + "colorAvatarsLavender": { + "active": { + "name": "--vkui--color_avatars_lavender--active", + "value": "var(--vkui--color_avatars_lavender--active, #C2A5EF)", + }, + "hover": { + "name": "--vkui--color_avatars_lavender--hover", + "value": "var(--vkui--color_avatars_lavender--hover, #CBACF7)", + }, + "normal": { + "name": "--vkui--color_avatars_lavender", + "value": "var(--vkui--color_avatars_lavender, #D3B2FF)", + }, + }, + "colorAvatarsLime": { + "active": { + "name": "--vkui--color_avatars_lime--active", + "value": "var(--vkui--color_avatars_lime--active, #B3DE7A)", + }, + "hover": { + "name": "--vkui--color_avatars_lime--hover", + "value": "var(--vkui--color_avatars_lime--hover, #BBE77C)", + }, + "normal": { + "name": "--vkui--color_avatars_lime", + "value": "var(--vkui--color_avatars_lime, #C3F07F)", + }, + }, + "colorAvatarsMint": { + "active": { + "name": "--vkui--color_avatars_mint--active", + "value": "var(--vkui--color_avatars_mint--active, #71D9CE)", + }, + "hover": { + "name": "--vkui--color_avatars_mint--hover", + "value": "var(--vkui--color_avatars_mint--hover, #76E1D5)", + }, + "normal": { + "name": "--vkui--color_avatars_mint", + "value": "var(--vkui--color_avatars_mint, #7BEADB)", + }, + }, + "colorAvatarsOrange": { + "active": { + "name": "--vkui--color_avatars_orange--active", + "value": "var(--vkui--color_avatars_orange--active, #E28442)", + }, + "hover": { + "name": "--vkui--color_avatars_orange--hover", + "value": "var(--vkui--color_avatars_orange--hover, #EC8942)", + }, + "normal": { + "name": "--vkui--color_avatars_orange", + "value": "var(--vkui--color_avatars_orange, #F68E42)", + }, + }, + "colorAvatarsPeach": { + "active": { + "name": "--vkui--color_avatars_peach--active", + "value": "var(--vkui--color_avatars_peach--active, #EBAB7B)", + }, + "hover": { + "name": "--vkui--color_avatars_peach--hover", + "value": "var(--vkui--color_avatars_peach--hover, #F5B27D)", + }, + "normal": { + "name": "--vkui--color_avatars_peach", + "value": "var(--vkui--color_avatars_peach, #FFB980)", + }, + }, + "colorAvatarsRed": { + "active": { + "name": "--vkui--color_avatars_red--active", + "value": "var(--vkui--color_avatars_red--active, #E14D50)", + }, + "hover": { + "name": "--vkui--color_avatars_red--hover", + "value": "var(--vkui--color_avatars_red--hover, #EB4F51)", + }, + "normal": { + "name": "--vkui--color_avatars_red", + "value": "var(--vkui--color_avatars_red, #F55252)", + }, + }, + "colorAvatarsSea": { + "active": { + "name": "--vkui--color_avatars_sea--active", + "value": "var(--vkui--color_avatars_sea--active, #1FBFDE)", + }, + "hover": { + "name": "--vkui--color_avatars_sea--hover", + "value": "var(--vkui--color_avatars_sea--hover, #21C6E5)", + }, + "normal": { + "name": "--vkui--color_avatars_sea", + "value": "var(--vkui--color_avatars_sea, #22CEEC)", + }, + }, + "colorAvatarsSeagreen": { + "active": { + "name": "--vkui--color_avatars_seagreen--active", + "value": "var(--vkui--color_avatars_seagreen--active, #3DC79D)", + }, + "hover": { + "name": "--vkui--color_avatars_seagreen--hover", + "value": "var(--vkui--color_avatars_seagreen--hover, #3FCFA1)", + }, + "normal": { + "name": "--vkui--color_avatars_seagreen", + "value": "var(--vkui--color_avatars_seagreen, #42D7A5)", + }, + }, + "colorAvatarsSky": { + "active": { + "name": "--vkui--color_avatars_sky--active", + "value": "var(--vkui--color_avatars_sky--active, #91CBEF)", + }, + "hover": { + "name": "--vkui--color_avatars_sky--hover", + "value": "var(--vkui--color_avatars_sky--hover, #98D3F7)", + }, + "normal": { + "name": "--vkui--color_avatars_sky", + "value": "var(--vkui--color_avatars_sky, #9EDBFF)", + }, + }, + "colorAvatarsViolet": { + "active": { + "name": "--vkui--color_avatars_violet--active", + "value": "var(--vkui--color_avatars_violet--active, #A97BEF)", + }, + "hover": { + "name": "--vkui--color_avatars_violet--hover", + "value": "var(--vkui--color_avatars_violet--hover, #B17FF7)", + }, + "normal": { + "name": "--vkui--color_avatars_violet", + "value": "var(--vkui--color_avatars_violet, #B884FF)", + }, + }, + "colorAvatarsYellow": { + "active": { + "name": "--vkui--color_avatars_yellow--active", + "value": "var(--vkui--color_avatars_yellow--active, #EBC65A)", + }, + "hover": { + "name": "--vkui--color_avatars_yellow--hover", + "value": "var(--vkui--color_avatars_yellow--hover, #F5CE5B)", + }, + "normal": { + "name": "--vkui--color_avatars_yellow", + "value": "var(--vkui--color_avatars_yellow, #FFD65C)", + }, + }, "colorBackground": { "active": { "name": "--vkui--color_background--active", @@ -508005,29 +508215,29 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, "colorBackgroundAccentTintThemed": { "active": { "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DBECFF)", }, "hover": { "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E5F1FF)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "value": "var(--vkui--color_background_accent_tint_themed, #F0F7FF)", }, }, "colorBackgroundAccentTintThemedAlpha": { @@ -508159,15 +508369,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #DA0A35)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #E40A34)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #ED0A34)", }, }, "colorBackgroundNegativeTint": { @@ -508195,35 +508405,35 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.10))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", }, }, "colorBackgroundNegativeTintThemed": { "active": { "name": "--vkui--color_background_negative_tint_themed--active", - "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", + "value": "var(--vkui--color_background_negative_tint_themed--active, #FCD8DF)", }, "hover": { "name": "--vkui--color_background_negative_tint_themed--hover", - "value": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #FDE2E7)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "value": "var(--vkui--color_background_negative_tint_themed, #FAEBEB)", }, }, "colorBackgroundNegativeTintThemedAlpha": { "active": { "name": "--vkui--color_background_negative_tint_themed_alpha--active", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", }, "hover": { "name": "--vkui--color_background_negative_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.14))", }, "normal": { "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.1))", }, }, "colorBackgroundPositive": { @@ -508313,15 +508523,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.20))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, "colorBackgroundSky": { @@ -508411,15 +508621,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorBackgroundWarningTintAlpha": { "active": { "name": "--vkui--color_background_warning_tint_alpha--active", - "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.28))", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.76))", }, "hover": { "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.24))", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.72))", }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.64))", }, }, "colorBackgroundWarningTintThemed": { @@ -508663,15 +508873,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #DA043A)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #E4043A)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "value": "var(--vkui--color_icon_negative, #ED033A)", }, }, "colorIconNegativeSnackbar": { @@ -508856,6 +509066,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, + "colorOnboarding": { + "active": { + "name": "--vkui--color_onboarding--active", + "value": "var(--vkui--color_onboarding--active, #2671EB)", + }, + "hover": { + "name": "--vkui--color_onboarding--hover", + "value": "var(--vkui--color_onboarding--hover, #2775F2)", + }, + "normal": { + "name": "--vkui--color_onboarding", + "value": "var(--vkui--color_onboarding, #2979FA)", + }, + }, "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", @@ -508926,6 +509150,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, + "colorSearchResultsAlpha": { + "active": { + "name": "--vkui--color_search_results_alpha--active", + "value": "var(--vkui--color_search_results_alpha--active, rgba(255, 241, 173, 0.56))", + }, + "hover": { + "name": "--vkui--color_search_results_alpha--hover", + "value": "var(--vkui--color_search_results_alpha--hover, rgba(255, 241, 173, 0.52))", + }, + "normal": { + "name": "--vkui--color_search_results_alpha", + "value": "var(--vkui--color_search_results_alpha, rgba(255, 241, 173, 0.48))", + }, + }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", @@ -509083,15 +509321,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #DA0A35)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #E40A34)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "value": "var(--vkui--color_stroke_negative, #ED0A34)", }, }, "colorStrokePositive": { @@ -509251,15 +509489,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #DA0A35)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #E40A34)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "value": "var(--vkui--color_text_negative, #ED0A34)", }, }, "colorTextPositive": { @@ -512309,6 +512547,81 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.89)", "normal": "rgba(255, 255, 255, 0.85)", }, + "colorAvatarsBlue": { + "active": "#4687EF", + "hover": "#498CF7", + "normal": "#4C91FF", + }, + "colorAvatarsCoral": { + "active": "#EA989C", + "hover": "#F49EA0", + "normal": "#FEA4A4", + }, + "colorAvatarsGreen": { + "active": "#3EBD4B", + "hover": "#40C44B", + "normal": "#43CC4C", + }, + "colorAvatarsIndigo": { + "active": "#6D6AE9", + "hover": "#726EF1", + "normal": "#7772F8", + }, + "colorAvatarsLavender": { + "active": "#C2A5EF", + "hover": "#CBACF7", + "normal": "#D3B2FF", + }, + "colorAvatarsLime": { + "active": "#B3DE7A", + "hover": "#BBE77C", + "normal": "#C3F07F", + }, + "colorAvatarsMint": { + "active": "#71D9CE", + "hover": "#76E1D5", + "normal": "#7BEADB", + }, + "colorAvatarsOrange": { + "active": "#E28442", + "hover": "#EC8942", + "normal": "#F68E42", + }, + "colorAvatarsPeach": { + "active": "#EBAB7B", + "hover": "#F5B27D", + "normal": "#FFB980", + }, + "colorAvatarsRed": { + "active": "#E14D50", + "hover": "#EB4F51", + "normal": "#F55252", + }, + "colorAvatarsSea": { + "active": "#1FBFDE", + "hover": "#21C6E5", + "normal": "#22CEEC", + }, + "colorAvatarsSeagreen": { + "active": "#3DC79D", + "hover": "#3FCFA1", + "normal": "#42D7A5", + }, + "colorAvatarsSky": { + "active": "#91CBEF", + "hover": "#98D3F7", + "normal": "#9EDBFF", + }, + "colorAvatarsViolet": { + "active": "#A97BEF", + "hover": "#B17FF7", + "normal": "#B884FF", + }, + "colorAvatarsYellow": { + "active": "#EBC65A", + "hover": "#F5CE5B", + "normal": "#FFD65C", + }, "colorBackground": { "active": "#E2E5E9", "hover": "#ECEEF1", @@ -512340,14 +512653,14 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#DBECFF", + "hover": "#E5F1FF", + "normal": "#F0F7FF", }, "colorBackgroundAccentTintThemedAlpha": { "active": "rgba(0, 119, 255, 0.14)", @@ -512395,9 +512708,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorBackgroundNegativeTint": { "active": "#FCD8DF", @@ -512407,17 +512720,17 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 10, 52, 0.18)", "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.10)", + "normal": "rgba(237, 10, 52, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#FCD8DF", + "hover": "#FDE2E7", + "normal": "#FAEBEB", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 0.08)", + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -512450,9 +512763,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.20)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -512485,9 +512798,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.28)", - "hover": "rgba(255, 158, 0, 0.24)", - "normal": "rgba(255, 158, 0, 0.16)", + "active": "rgba(255, 241, 173, 0.76)", + "hover": "rgba(255, 241, 173, 0.72)", + "normal": "rgba(255, 241, 173, 0.64)", }, "colorBackgroundWarningTintThemed": { "active": "#EBE9D3", @@ -512575,9 +512888,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorIconNegativeSnackbar": { "active": "#EB565A", @@ -512644,6 +512957,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorOnboarding": { + "active": "#2671EB", + "hover": "#2775F2", + "normal": "#2979FA", + }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", @@ -512669,6 +512987,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#DDDEE4", "normal": "#E6E7EB", }, + "colorSearchResultsAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -512725,9 +513048,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorStrokePositive": { "active": "#0CB465", @@ -512785,9 +513108,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorTextPositive": { "active": "#0CB465", @@ -513698,6 +514021,81 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, + "colorAvatarsBlue": { + "active": "var(--vkui--color_avatars_blue--active, #4687EF)", + "hover": "var(--vkui--color_avatars_blue--hover, #498CF7)", + "normal": "var(--vkui--color_avatars_blue, #4C91FF)", + }, + "colorAvatarsCoral": { + "active": "var(--vkui--color_avatars_coral--active, #EA989C)", + "hover": "var(--vkui--color_avatars_coral--hover, #F49EA0)", + "normal": "var(--vkui--color_avatars_coral, #FEA4A4)", + }, + "colorAvatarsGreen": { + "active": "var(--vkui--color_avatars_green--active, #3EBD4B)", + "hover": "var(--vkui--color_avatars_green--hover, #40C44B)", + "normal": "var(--vkui--color_avatars_green, #43CC4C)", + }, + "colorAvatarsIndigo": { + "active": "var(--vkui--color_avatars_indigo--active, #6D6AE9)", + "hover": "var(--vkui--color_avatars_indigo--hover, #726EF1)", + "normal": "var(--vkui--color_avatars_indigo, #7772F8)", + }, + "colorAvatarsLavender": { + "active": "var(--vkui--color_avatars_lavender--active, #C2A5EF)", + "hover": "var(--vkui--color_avatars_lavender--hover, #CBACF7)", + "normal": "var(--vkui--color_avatars_lavender, #D3B2FF)", + }, + "colorAvatarsLime": { + "active": "var(--vkui--color_avatars_lime--active, #B3DE7A)", + "hover": "var(--vkui--color_avatars_lime--hover, #BBE77C)", + "normal": "var(--vkui--color_avatars_lime, #C3F07F)", + }, + "colorAvatarsMint": { + "active": "var(--vkui--color_avatars_mint--active, #71D9CE)", + "hover": "var(--vkui--color_avatars_mint--hover, #76E1D5)", + "normal": "var(--vkui--color_avatars_mint, #7BEADB)", + }, + "colorAvatarsOrange": { + "active": "var(--vkui--color_avatars_orange--active, #E28442)", + "hover": "var(--vkui--color_avatars_orange--hover, #EC8942)", + "normal": "var(--vkui--color_avatars_orange, #F68E42)", + }, + "colorAvatarsPeach": { + "active": "var(--vkui--color_avatars_peach--active, #EBAB7B)", + "hover": "var(--vkui--color_avatars_peach--hover, #F5B27D)", + "normal": "var(--vkui--color_avatars_peach, #FFB980)", + }, + "colorAvatarsRed": { + "active": "var(--vkui--color_avatars_red--active, #E14D50)", + "hover": "var(--vkui--color_avatars_red--hover, #EB4F51)", + "normal": "var(--vkui--color_avatars_red, #F55252)", + }, + "colorAvatarsSea": { + "active": "var(--vkui--color_avatars_sea--active, #1FBFDE)", + "hover": "var(--vkui--color_avatars_sea--hover, #21C6E5)", + "normal": "var(--vkui--color_avatars_sea, #22CEEC)", + }, + "colorAvatarsSeagreen": { + "active": "var(--vkui--color_avatars_seagreen--active, #3DC79D)", + "hover": "var(--vkui--color_avatars_seagreen--hover, #3FCFA1)", + "normal": "var(--vkui--color_avatars_seagreen, #42D7A5)", + }, + "colorAvatarsSky": { + "active": "var(--vkui--color_avatars_sky--active, #91CBEF)", + "hover": "var(--vkui--color_avatars_sky--hover, #98D3F7)", + "normal": "var(--vkui--color_avatars_sky, #9EDBFF)", + }, + "colorAvatarsViolet": { + "active": "var(--vkui--color_avatars_violet--active, #A97BEF)", + "hover": "var(--vkui--color_avatars_violet--hover, #B17FF7)", + "normal": "var(--vkui--color_avatars_violet, #B884FF)", + }, + "colorAvatarsYellow": { + "active": "var(--vkui--color_avatars_yellow--active, #EBC65A)", + "hover": "var(--vkui--color_avatars_yellow--hover, #F5CE5B)", + "normal": "var(--vkui--color_avatars_yellow, #FFD65C)", + }, "colorBackground": { "active": "var(--vkui--color_background--active, #E2E5E9)", "hover": "var(--vkui--color_background--hover, #ECEEF1)", @@ -513729,14 +514127,14 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.14))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.1))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.06))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, "colorBackgroundAccentTintThemed": { - "active": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "active": "var(--vkui--color_background_accent_tint_themed--active, #DBECFF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E5F1FF)", + "normal": "var(--vkui--color_background_accent_tint_themed, #F0F7FF)", }, "colorBackgroundAccentTintThemedAlpha": { "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(0, 119, 255, 0.14))", @@ -513784,9 +514182,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_modal_inverse, #303030)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "active": "var(--vkui--color_background_negative--active, #DA0A35)", + "hover": "var(--vkui--color_background_negative--hover, #E40A34)", + "normal": "var(--vkui--color_background_negative, #ED0A34)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #FCD8DF)", @@ -513796,17 +514194,17 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "colorBackgroundNegativeTintAlpha": { "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", - "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.10))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", }, "colorBackgroundNegativeTintThemed": { - "active": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "active": "var(--vkui--color_background_negative_tint_themed--active, #FCD8DF)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FDE2E7)", + "normal": "var(--vkui--color_background_negative_tint_themed, #FAEBEB)", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 51, 10, 0.16))", - "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 51, 10, 0.12))", - "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(237, 10, 52, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(237, 10, 52, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.1))", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #0CB465)", @@ -513839,9 +514237,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.20))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, "colorBackgroundSky": { "active": "var(--vkui--color_background_sky--active, #BCD3EF)", @@ -513874,9 +514272,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_warning_tint, #fffce0)", }, "colorBackgroundWarningTintAlpha": { - "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.28))", - "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.24))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 241, 173, 0.76))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.72))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.64))", }, "colorBackgroundWarningTintThemed": { "active": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", @@ -513964,9 +514362,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "active": "var(--vkui--color_icon_negative--active, #DA043A)", + "hover": "var(--vkui--color_icon_negative--hover, #E4043A)", + "normal": "var(--vkui--color_icon_negative, #ED033A)", }, "colorIconNegativeSnackbar": { "active": "var(--vkui--color_icon_negative_snackbar--active, #EB565A)", @@ -514033,6 +514431,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, + "colorOnboarding": { + "active": "var(--vkui--color_onboarding--active, #2671EB)", + "hover": "var(--vkui--color_onboarding--hover, #2775F2)", + "normal": "var(--vkui--color_onboarding, #2979FA)", + }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", @@ -514058,6 +514461,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", "normal": "var(--vkui--color_search_field_background, #E6E7EB)", }, + "colorSearchResultsAlpha": { + "active": "var(--vkui--color_search_results_alpha--active, rgba(255, 241, 173, 0.56))", + "hover": "var(--vkui--color_search_results_alpha--hover, rgba(255, 241, 173, 0.52))", + "normal": "var(--vkui--color_search_results_alpha, rgba(255, 241, 173, 0.48))", + }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", @@ -514114,9 +514522,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "active": "var(--vkui--color_stroke_negative--active, #DA0A35)", + "hover": "var(--vkui--color_stroke_negative--hover, #E40A34)", + "normal": "var(--vkui--color_stroke_negative, #ED0A34)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #0CB465)", @@ -514174,9 +514582,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "active": "var(--vkui--color_text_negative--active, #DA0A35)", + "hover": "var(--vkui--color_text_negative--hover, #E40A34)", + "normal": "var(--vkui--color_text_negative, #ED0A34)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -515072,20 +515480,95 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#B95AEC", "normal": "#C15DF3", }, - "colorActionSheetText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorAvatarsBlue": { + "active": "#4687EF", + "hover": "#498CF7", + "normal": "#4C91FF", + }, + "colorAvatarsCoral": { + "active": "#EA989C", + "hover": "#F49EA0", + "normal": "#FEA4A4", + }, + "colorAvatarsGreen": { + "active": "#3EBD4B", + "hover": "#40C44B", + "normal": "#43CC4C", + }, + "colorAvatarsIndigo": { + "active": "#6D6AE9", + "hover": "#726EF1", + "normal": "#7772F8", + }, + "colorAvatarsLavender": { + "active": "#C2A5EF", + "hover": "#CBACF7", + "normal": "#D3B2FF", + }, + "colorAvatarsLime": { + "active": "#B3DE7A", + "hover": "#BBE77C", + "normal": "#C3F07F", + }, + "colorAvatarsMint": { + "active": "#71D9CE", + "hover": "#76E1D5", + "normal": "#7BEADB", + }, + "colorAvatarsOrange": { + "active": "#E28442", + "hover": "#EC8942", + "normal": "#F68E42", + }, + "colorAvatarsPeach": { + "active": "#EBAB7B", + "hover": "#F5B27D", + "normal": "#FFB980", + }, + "colorAvatarsRed": { + "active": "#E14D50", + "hover": "#EB4F51", + "normal": "#F55252", + }, + "colorAvatarsSea": { + "active": "#1FBFDE", + "hover": "#21C6E5", + "normal": "#22CEEC", + }, + "colorAvatarsSeagreen": { + "active": "#3DC79D", + "hover": "#3FCFA1", + "normal": "#42D7A5", }, - "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "colorAvatarsSky": { + "active": "#91CBEF", + "hover": "#98D3F7", + "normal": "#9EDBFF", }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "colorAvatarsViolet": { + "active": "#A97BEF", + "hover": "#B17FF7", + "normal": "#B884FF", + }, + "colorAvatarsYellow": { + "active": "#EBC65A", + "hover": "#F5CE5B", + "normal": "#FFD65C", }, "colorBackground": { "active": "#E2E5E9", @@ -515118,14 +515601,14 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.14)", - "hover": "rgba(0, 95, 249, 0.1)", - "normal": "rgba(0, 95, 249, 0.06)", + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#DBECFF", + "hover": "#E5F1FF", + "normal": "#F0F7FF", }, "colorBackgroundAccentTintThemedAlpha": { "active": "rgba(0, 119, 255, 0.14)", @@ -515173,9 +515656,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorBackgroundNegativeTint": { "active": "#FCD8DF", @@ -515185,17 +515668,17 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 10, 52, 0.18)", "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.10)", + "normal": "rgba(237, 10, 52, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#FCD8DF", + "hover": "#FDE2E7", + "normal": "#FAEBEB", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 0.08)", + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", }, "colorBackgroundPositive": { "active": "#0CB465", @@ -515228,9 +515711,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.20)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -515263,9 +515746,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#fffce0", }, "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.28)", - "hover": "rgba(255, 158, 0, 0.24)", - "normal": "rgba(255, 158, 0, 0.16)", + "active": "rgba(255, 241, 173, 0.76)", + "hover": "rgba(255, 241, 173, 0.72)", + "normal": "rgba(255, 241, 173, 0.64)", }, "colorBackgroundWarningTintThemed": { "active": "#EBE9D3", @@ -515353,9 +515836,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA043A", + "hover": "#E4043A", + "normal": "#ED033A", }, "colorIconNegativeSnackbar": { "active": "#EB565A", @@ -515422,6 +515905,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorOnboarding": { + "active": "#2671EB", + "hover": "#2775F2", + "normal": "#2979FA", + }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", @@ -515447,6 +515935,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#DDDEE4", "normal": "#E6E7EB", }, + "colorSearchResultsAlpha": { + "active": "rgba(255, 241, 173, 0.56)", + "hover": "rgba(255, 241, 173, 0.52)", + "normal": "rgba(255, 241, 173, 0.48)", + }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -515503,9 +515996,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorStrokePositive": { "active": "#0CB465", @@ -515563,9 +516056,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorTextPositive": { "active": "#0CB465", @@ -516653,6 +517146,216 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, + "colorAvatarsBlue": { + "active": { + "name": "--vkui--color_avatars_blue--active", + "value": "var(--vkui--color_avatars_blue--active, #5A9AFF)", + }, + "hover": { + "name": "--vkui--color_avatars_blue--hover", + "value": "var(--vkui--color_avatars_blue--hover, #5395FF)", + }, + "normal": { + "name": "--vkui--color_avatars_blue", + "value": "var(--vkui--color_avatars_blue, #4C91FF)", + }, + }, + "colorAvatarsCoral": { + "active": { + "name": "--vkui--color_avatars_coral--active", + "value": "var(--vkui--color_avatars_coral--active, #FEABAB)", + }, + "hover": { + "name": "--vkui--color_avatars_coral--hover", + "value": "var(--vkui--color_avatars_coral--hover, #FEA8A8)", + }, + "normal": { + "name": "--vkui--color_avatars_coral", + "value": "var(--vkui--color_avatars_coral, #FEA4A4)", + }, + }, + "colorAvatarsGreen": { + "active": { + "name": "--vkui--color_avatars_green--active", + "value": "var(--vkui--color_avatars_green--active, #52D05A)", + }, + "hover": { + "name": "--vkui--color_avatars_green--hover", + "value": "var(--vkui--color_avatars_green--hover, #4BCE53)", + }, + "normal": { + "name": "--vkui--color_avatars_green", + "value": "var(--vkui--color_avatars_green, #43CC4C)", + }, + }, + "colorAvatarsIndigo": { + "active": { + "name": "--vkui--color_avatars_indigo--active", + "value": "var(--vkui--color_avatars_indigo--active, #827DF9)", + }, + "hover": { + "name": "--vkui--color_avatars_indigo--hover", + "value": "var(--vkui--color_avatars_indigo--hover, #7C78F8)", + }, + "normal": { + "name": "--vkui--color_avatars_indigo", + "value": "var(--vkui--color_avatars_indigo, #7772F8)", + }, + }, + "colorAvatarsLavender": { + "active": { + "name": "--vkui--color_avatars_lavender--active", + "value": "var(--vkui--color_avatars_lavender--active, #D7B8FF)", + }, + "hover": { + "name": "--vkui--color_avatars_lavender--hover", + "value": "var(--vkui--color_avatars_lavender--hover, #D5B5FF)", + }, + "normal": { + "name": "--vkui--color_avatars_lavender", + "value": "var(--vkui--color_avatars_lavender, #D3B2FF)", + }, + }, + "colorAvatarsLime": { + "active": { + "name": "--vkui--color_avatars_lime--active", + "value": "var(--vkui--color_avatars_lime--active, #C8F189)", + }, + "hover": { + "name": "--vkui--color_avatars_lime--hover", + "value": "var(--vkui--color_avatars_lime--hover, #C5F184)", + }, + "normal": { + "name": "--vkui--color_avatars_lime", + "value": "var(--vkui--color_avatars_lime, #C3F07F)", + }, + }, + "colorAvatarsMint": { + "active": { + "name": "--vkui--color_avatars_mint--active", + "value": "var(--vkui--color_avatars_mint--active, #86ECDE)", + }, + "hover": { + "name": "--vkui--color_avatars_mint--hover", + "value": "var(--vkui--color_avatars_mint--hover, #80EBDC)", + }, + "normal": { + "name": "--vkui--color_avatars_mint", + "value": "var(--vkui--color_avatars_mint, #7BEADB)", + }, + }, + "colorAvatarsOrange": { + "active": { + "name": "--vkui--color_avatars_orange--active", + "value": "var(--vkui--color_avatars_orange--active, #F79751)", + }, + "hover": { + "name": "--vkui--color_avatars_orange--hover", + "value": "var(--vkui--color_avatars_orange--hover, #F6934A)", + }, + "normal": { + "name": "--vkui--color_avatars_orange", + "value": "var(--vkui--color_avatars_orange, #F68E42)", + }, + }, + "colorAvatarsPeach": { + "active": { + "name": "--vkui--color_avatars_peach--active", + "value": "var(--vkui--color_avatars_peach--active, #FFBF8A)", + }, + "hover": { + "name": "--vkui--color_avatars_peach--hover", + "value": "var(--vkui--color_avatars_peach--hover, #FFBC85)", + }, + "normal": { + "name": "--vkui--color_avatars_peach", + "value": "var(--vkui--color_avatars_peach, #FFB980)", + }, + }, + "colorAvatarsRed": { + "active": { + "name": "--vkui--color_avatars_red--active", + "value": "var(--vkui--color_avatars_red--active, #F66060)", + }, + "hover": { + "name": "--vkui--color_avatars_red--hover", + "value": "var(--vkui--color_avatars_red--hover, #F55959)", + }, + "normal": { + "name": "--vkui--color_avatars_red", + "value": "var(--vkui--color_avatars_red, #F55252)", + }, + }, + "colorAvatarsSea": { + "active": { + "name": "--vkui--color_avatars_sea--active", + "value": "var(--vkui--color_avatars_sea--active, #34D2EE)", + }, + "hover": { + "name": "--vkui--color_avatars_sea--hover", + "value": "var(--vkui--color_avatars_sea--hover, #2BD0ED)", + }, + "normal": { + "name": "--vkui--color_avatars_sea", + "value": "var(--vkui--color_avatars_sea, #22CEEC)", + }, + }, + "colorAvatarsSeagreen": { + "active": { + "name": "--vkui--color_avatars_seagreen--active", + "value": "var(--vkui--color_avatars_seagreen--active, #51DAAC)", + }, + "hover": { + "name": "--vkui--color_avatars_seagreen--hover", + "value": "var(--vkui--color_avatars_seagreen--hover, #4AD9A9)", + }, + "normal": { + "name": "--vkui--color_avatars_seagreen", + "value": "var(--vkui--color_avatars_seagreen, #42D7A5)", + }, + }, + "colorAvatarsSky": { + "active": { + "name": "--vkui--color_avatars_sky--active", + "value": "var(--vkui--color_avatars_sky--active, #A6DEFF)", + }, + "hover": { + "name": "--vkui--color_avatars_sky--hover", + "value": "var(--vkui--color_avatars_sky--hover, #A2DCFF)", + }, + "normal": { + "name": "--vkui--color_avatars_sky", + "value": "var(--vkui--color_avatars_sky, #9EDBFF)", + }, + }, + "colorAvatarsViolet": { + "active": { + "name": "--vkui--color_avatars_violet--active", + "value": "var(--vkui--color_avatars_violet--active, #BE8EFF)", + }, + "hover": { + "name": "--vkui--color_avatars_violet--hover", + "value": "var(--vkui--color_avatars_violet--hover, #BB89FF)", + }, + "normal": { + "name": "--vkui--color_avatars_violet", + "value": "var(--vkui--color_avatars_violet, #B884FF)", + }, + }, + "colorAvatarsYellow": { + "active": { + "name": "--vkui--color_avatars_yellow--active", + "value": "var(--vkui--color_avatars_yellow--active, #FFD969)", + }, + "hover": { + "name": "--vkui--color_avatars_yellow--hover", + "value": "var(--vkui--color_avatars_yellow--hover, #FFD863)", + }, + "normal": { + "name": "--vkui--color_avatars_yellow", + "value": "var(--vkui--color_avatars_yellow, #FFD65C)", + }, + }, "colorBackground": { "active": { "name": "--vkui--color_background--active", @@ -516740,15 +517443,15 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "colorBackgroundAccentTintAlpha": { "active": { "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(39, 117, 252, 0.2))", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(39, 117, 252, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(39, 117, 252, 0.16))", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(39, 117, 252, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(39, 117, 252, 0.12))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.2))", }, }, "colorBackgroundAccentTintThemed": { @@ -517154,7 +517857,7 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = }, "normal": { "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.2))", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", }, }, "colorBackgroundWarningTintThemed": { @@ -517591,6 +518294,20 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, + "colorOnboarding": { + "active": { + "name": "--vkui--color_onboarding--active", + "value": "var(--vkui--color_onboarding--active, #3A84FA)", + }, + "hover": { + "name": "--vkui--color_onboarding--hover", + "value": "var(--vkui--color_onboarding--hover, #327EFA)", + }, + "normal": { + "name": "--vkui--color_onboarding", + "value": "var(--vkui--color_onboarding, #2979FA)", + }, + }, "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", @@ -517661,18 +518378,32 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_search_field_background, #393A3B)", }, }, + "colorSearchResultsAlpha": { + "active": { + "name": "--vkui--color_search_results_alpha--active", + "value": "var(--vkui--color_search_results_alpha--active, rgba(255, 158, 0, 0.28))", + }, + "hover": { + "name": "--vkui--color_search_results_alpha--hover", + "value": "var(--vkui--color_search_results_alpha--hover, rgba(255, 158, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_search_results_alpha", + "value": "var(--vkui--color_search_results_alpha, rgba(255, 158, 0, 0.2))", + }, + }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "value": "var(--vkui--color_segmented_control--active, #3D3D3E)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "value": "var(--vkui--color_segmented_control--hover, #4E4E4F)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "value": "var(--vkui--color_segmented_control, #454546)", }, }, "colorSeparatorPrimary": { @@ -521044,6 +521775,81 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "rgba(255, 255, 255, 0.89)", "normal": "rgba(255, 255, 255, 0.85)", }, + "colorAvatarsBlue": { + "active": "#5A9AFF", + "hover": "#5395FF", + "normal": "#4C91FF", + }, + "colorAvatarsCoral": { + "active": "#FEABAB", + "hover": "#FEA8A8", + "normal": "#FEA4A4", + }, + "colorAvatarsGreen": { + "active": "#52D05A", + "hover": "#4BCE53", + "normal": "#43CC4C", + }, + "colorAvatarsIndigo": { + "active": "#827DF9", + "hover": "#7C78F8", + "normal": "#7772F8", + }, + "colorAvatarsLavender": { + "active": "#D7B8FF", + "hover": "#D5B5FF", + "normal": "#D3B2FF", + }, + "colorAvatarsLime": { + "active": "#C8F189", + "hover": "#C5F184", + "normal": "#C3F07F", + }, + "colorAvatarsMint": { + "active": "#86ECDE", + "hover": "#80EBDC", + "normal": "#7BEADB", + }, + "colorAvatarsOrange": { + "active": "#F79751", + "hover": "#F6934A", + "normal": "#F68E42", + }, + "colorAvatarsPeach": { + "active": "#FFBF8A", + "hover": "#FFBC85", + "normal": "#FFB980", + }, + "colorAvatarsRed": { + "active": "#F66060", + "hover": "#F55959", + "normal": "#F55252", + }, + "colorAvatarsSea": { + "active": "#34D2EE", + "hover": "#2BD0ED", + "normal": "#22CEEC", + }, + "colorAvatarsSeagreen": { + "active": "#51DAAC", + "hover": "#4AD9A9", + "normal": "#42D7A5", + }, + "colorAvatarsSky": { + "active": "#A6DEFF", + "hover": "#A2DCFF", + "normal": "#9EDBFF", + }, + "colorAvatarsViolet": { + "active": "#BE8EFF", + "hover": "#BB89FF", + "normal": "#B884FF", + }, + "colorAvatarsYellow": { + "active": "#FFD969", + "hover": "#FFD863", + "normal": "#FFD65C", + }, "colorBackground": { "active": "#2B2B2C", "hover": "#222223", @@ -521075,9 +521881,9 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(39, 117, 252, 0.28)", + "hover": "rgba(39, 117, 252, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -521222,7 +522028,7 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "colorBackgroundWarningTintAlpha": { "active": "rgba(255, 158, 0, 0.28)", "hover": "rgba(255, 158, 0, 0.24)", - "normal": "rgba(255, 158, 0, 0.2)", + "normal": "rgba(255, 158, 0, 0.16)", }, "colorBackgroundWarningTintThemed": { "active": "#3C3C3D", @@ -521379,6 +522185,11 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorOnboarding": { + "active": "#3A84FA", + "hover": "#327EFA", + "normal": "#2979FA", + }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.8)", "hover": "rgba(0, 0, 0, 0.76)", @@ -521404,10 +522215,15 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "#414243", "normal": "#393A3B", }, + "colorSearchResultsAlpha": { + "active": "rgba(255, 158, 0, 0.28)", + "hover": "rgba(255, 158, 0, 0.24)", + "normal": "rgba(255, 158, 0, 0.2)", + }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#3D3D3E", + "hover": "#4E4E4F", + "normal": "#454546", }, "colorSeparatorPrimary": { "active": "#282829", @@ -522433,6 +523249,81 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, + "colorAvatarsBlue": { + "active": "var(--vkui--color_avatars_blue--active, #5A9AFF)", + "hover": "var(--vkui--color_avatars_blue--hover, #5395FF)", + "normal": "var(--vkui--color_avatars_blue, #4C91FF)", + }, + "colorAvatarsCoral": { + "active": "var(--vkui--color_avatars_coral--active, #FEABAB)", + "hover": "var(--vkui--color_avatars_coral--hover, #FEA8A8)", + "normal": "var(--vkui--color_avatars_coral, #FEA4A4)", + }, + "colorAvatarsGreen": { + "active": "var(--vkui--color_avatars_green--active, #52D05A)", + "hover": "var(--vkui--color_avatars_green--hover, #4BCE53)", + "normal": "var(--vkui--color_avatars_green, #43CC4C)", + }, + "colorAvatarsIndigo": { + "active": "var(--vkui--color_avatars_indigo--active, #827DF9)", + "hover": "var(--vkui--color_avatars_indigo--hover, #7C78F8)", + "normal": "var(--vkui--color_avatars_indigo, #7772F8)", + }, + "colorAvatarsLavender": { + "active": "var(--vkui--color_avatars_lavender--active, #D7B8FF)", + "hover": "var(--vkui--color_avatars_lavender--hover, #D5B5FF)", + "normal": "var(--vkui--color_avatars_lavender, #D3B2FF)", + }, + "colorAvatarsLime": { + "active": "var(--vkui--color_avatars_lime--active, #C8F189)", + "hover": "var(--vkui--color_avatars_lime--hover, #C5F184)", + "normal": "var(--vkui--color_avatars_lime, #C3F07F)", + }, + "colorAvatarsMint": { + "active": "var(--vkui--color_avatars_mint--active, #86ECDE)", + "hover": "var(--vkui--color_avatars_mint--hover, #80EBDC)", + "normal": "var(--vkui--color_avatars_mint, #7BEADB)", + }, + "colorAvatarsOrange": { + "active": "var(--vkui--color_avatars_orange--active, #F79751)", + "hover": "var(--vkui--color_avatars_orange--hover, #F6934A)", + "normal": "var(--vkui--color_avatars_orange, #F68E42)", + }, + "colorAvatarsPeach": { + "active": "var(--vkui--color_avatars_peach--active, #FFBF8A)", + "hover": "var(--vkui--color_avatars_peach--hover, #FFBC85)", + "normal": "var(--vkui--color_avatars_peach, #FFB980)", + }, + "colorAvatarsRed": { + "active": "var(--vkui--color_avatars_red--active, #F66060)", + "hover": "var(--vkui--color_avatars_red--hover, #F55959)", + "normal": "var(--vkui--color_avatars_red, #F55252)", + }, + "colorAvatarsSea": { + "active": "var(--vkui--color_avatars_sea--active, #34D2EE)", + "hover": "var(--vkui--color_avatars_sea--hover, #2BD0ED)", + "normal": "var(--vkui--color_avatars_sea, #22CEEC)", + }, + "colorAvatarsSeagreen": { + "active": "var(--vkui--color_avatars_seagreen--active, #51DAAC)", + "hover": "var(--vkui--color_avatars_seagreen--hover, #4AD9A9)", + "normal": "var(--vkui--color_avatars_seagreen, #42D7A5)", + }, + "colorAvatarsSky": { + "active": "var(--vkui--color_avatars_sky--active, #A6DEFF)", + "hover": "var(--vkui--color_avatars_sky--hover, #A2DCFF)", + "normal": "var(--vkui--color_avatars_sky, #9EDBFF)", + }, + "colorAvatarsViolet": { + "active": "var(--vkui--color_avatars_violet--active, #BE8EFF)", + "hover": "var(--vkui--color_avatars_violet--hover, #BB89FF)", + "normal": "var(--vkui--color_avatars_violet, #B884FF)", + }, + "colorAvatarsYellow": { + "active": "var(--vkui--color_avatars_yellow--active, #FFD969)", + "hover": "var(--vkui--color_avatars_yellow--hover, #FFD863)", + "normal": "var(--vkui--color_avatars_yellow, #FFD65C)", + }, "colorBackground": { "active": "var(--vkui--color_background--active, #2B2B2C)", "hover": "var(--vkui--color_background--hover, #222223)", @@ -522464,9 +523355,9 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundAccentTintAlpha": { - "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(39, 117, 252, 0.2))", - "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(39, 117, 252, 0.16))", - "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(39, 117, 252, 0.12))", + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(39, 117, 252, 0.28))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(39, 117, 252, 0.24))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.2))", }, "colorBackgroundAccentTintThemed": { "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", @@ -522611,7 +523502,7 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "colorBackgroundWarningTintAlpha": { "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.28))", "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.24))", - "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.2))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.16))", }, "colorBackgroundWarningTintThemed": { "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", @@ -522768,6 +523659,11 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, + "colorOnboarding": { + "active": "var(--vkui--color_onboarding--active, #3A84FA)", + "hover": "var(--vkui--color_onboarding--hover, #327EFA)", + "normal": "var(--vkui--color_onboarding, #2979FA)", + }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", @@ -522793,10 +523689,15 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_search_field_background--hover, #414243)", "normal": "var(--vkui--color_search_field_background, #393A3B)", }, + "colorSearchResultsAlpha": { + "active": "var(--vkui--color_search_results_alpha--active, rgba(255, 158, 0, 0.28))", + "hover": "var(--vkui--color_search_results_alpha--hover, rgba(255, 158, 0, 0.24))", + "normal": "var(--vkui--color_search_results_alpha, rgba(255, 158, 0, 0.2))", + }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "var(--vkui--color_segmented_control--active, #3D3D3E)", + "hover": "var(--vkui--color_segmented_control--hover, #4E4E4F)", + "normal": "var(--vkui--color_segmented_control, #454546)", }, "colorSeparatorPrimary": { "active": "var(--vkui--color_separator_primary--active, #282829)", @@ -523822,6 +524723,81 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.89)", "normal": "rgba(255, 255, 255, 0.85)", }, + "colorAvatarsBlue": { + "active": "#5A9AFF", + "hover": "#5395FF", + "normal": "#4C91FF", + }, + "colorAvatarsCoral": { + "active": "#FEABAB", + "hover": "#FEA8A8", + "normal": "#FEA4A4", + }, + "colorAvatarsGreen": { + "active": "#52D05A", + "hover": "#4BCE53", + "normal": "#43CC4C", + }, + "colorAvatarsIndigo": { + "active": "#827DF9", + "hover": "#7C78F8", + "normal": "#7772F8", + }, + "colorAvatarsLavender": { + "active": "#D7B8FF", + "hover": "#D5B5FF", + "normal": "#D3B2FF", + }, + "colorAvatarsLime": { + "active": "#C8F189", + "hover": "#C5F184", + "normal": "#C3F07F", + }, + "colorAvatarsMint": { + "active": "#86ECDE", + "hover": "#80EBDC", + "normal": "#7BEADB", + }, + "colorAvatarsOrange": { + "active": "#F79751", + "hover": "#F6934A", + "normal": "#F68E42", + }, + "colorAvatarsPeach": { + "active": "#FFBF8A", + "hover": "#FFBC85", + "normal": "#FFB980", + }, + "colorAvatarsRed": { + "active": "#F66060", + "hover": "#F55959", + "normal": "#F55252", + }, + "colorAvatarsSea": { + "active": "#34D2EE", + "hover": "#2BD0ED", + "normal": "#22CEEC", + }, + "colorAvatarsSeagreen": { + "active": "#51DAAC", + "hover": "#4AD9A9", + "normal": "#42D7A5", + }, + "colorAvatarsSky": { + "active": "#A6DEFF", + "hover": "#A2DCFF", + "normal": "#9EDBFF", + }, + "colorAvatarsViolet": { + "active": "#BE8EFF", + "hover": "#BB89FF", + "normal": "#B884FF", + }, + "colorAvatarsYellow": { + "active": "#FFD969", + "hover": "#FFD863", + "normal": "#FFD65C", + }, "colorBackground": { "active": "#2B2B2C", "hover": "#222223", @@ -523853,9 +524829,9 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(39, 117, 252, 0.2)", - "hover": "rgba(39, 117, 252, 0.16)", - "normal": "rgba(39, 117, 252, 0.12)", + "active": "rgba(39, 117, 252, 0.28)", + "hover": "rgba(39, 117, 252, 0.24)", + "normal": "rgba(0, 119, 255, 0.2)", }, "colorBackgroundAccentTintThemed": { "active": "#3C3C3D", @@ -524000,7 +524976,7 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "colorBackgroundWarningTintAlpha": { "active": "rgba(255, 158, 0, 0.28)", "hover": "rgba(255, 158, 0, 0.24)", - "normal": "rgba(255, 158, 0, 0.2)", + "normal": "rgba(255, 158, 0, 0.16)", }, "colorBackgroundWarningTintThemed": { "active": "#3C3C3D", @@ -524157,6 +525133,11 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorOnboarding": { + "active": "#3A84FA", + "hover": "#327EFA", + "normal": "#2979FA", + }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.8)", "hover": "rgba(0, 0, 0, 0.76)", @@ -524182,10 +525163,15 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "#414243", "normal": "#393A3B", }, + "colorSearchResultsAlpha": { + "active": "rgba(255, 158, 0, 0.28)", + "hover": "rgba(255, 158, 0, 0.24)", + "normal": "rgba(255, 158, 0, 0.2)", + }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#3D3D3E", + "hover": "#4E4E4F", + "normal": "#454546", }, "colorSeparatorPrimary": { "active": "#282829", diff --git a/src/interfaces/themes/workspaceAdmin/index.ts b/src/interfaces/themes/workspaceAdmin/index.ts index 5988c63c..fd950317 100644 --- a/src/interfaces/themes/workspaceAdmin/index.ts +++ b/src/interfaces/themes/workspaceAdmin/index.ts @@ -16,7 +16,24 @@ export interface ThemeWorkspaceOverValues { } export interface LocalWorkspaceAdminColorsDescriptionStruct { + colorAvatarsBlue: ColorDescription; + colorAvatarsCoral: ColorDescription; + colorAvatarsGreen: ColorDescription; + colorAvatarsIndigo: ColorDescription; + colorAvatarsLavender: ColorDescription; + colorAvatarsLime: ColorDescription; + colorAvatarsMint: ColorDescription; + colorAvatarsOrange: ColorDescription; + colorAvatarsPeach: ColorDescription; + colorAvatarsRed: ColorDescription; + colorAvatarsSea: ColorDescription; + colorAvatarsSeagreen: ColorDescription; + colorAvatarsSky: ColorDescription; + colorAvatarsViolet: ColorDescription; + colorAvatarsYellow: ColorDescription; colorIconNegativeSnackbar: ColorDescription; + colorOnboarding: ColorDescription; + colorSearchResultsAlpha: ColorDescription; } export type WorkspaceAdminLocalColors = { diff --git a/src/themeDescriptions/themes/workspaceAdmin/index.ts b/src/themeDescriptions/themes/workspaceAdmin/index.ts index cc5c2afe..c4ea2a70 100644 --- a/src/themeDescriptions/themes/workspaceAdmin/index.ts +++ b/src/themeDescriptions/themes/workspaceAdmin/index.ts @@ -14,43 +14,104 @@ export const workspaceAdminTheme: ThemeWorkspaceAdminDescription = { ...lightTheme.colors, colorBackground: '#F6F7F8', + colorBackgroundAccent: { + normal: '#0077FF', + hover: '#0073F7', + active: '#006FEF', + }, + colorBackgroundAccentTintAlpha: { + normal: 'rgba(0, 119, 255, 0.06)', + hover: 'rgba(0, 119, 255, 0.1)', + active: 'rgba(0, 119, 255, 0.14)', + }, + colorBackgroundAccentTintThemed: { + normal: '#F0F7FF', + hover: '#E5F1FF', + active: '#DBECFF', + }, + colorBackgroundAccentTintThemedAlpha: { + normal: 'rgba(0, 119, 255, 0.06)', + hover: 'rgba(0, 119, 255, 0.1)', + active: 'rgba(0, 119, 255, 0.14)', + }, + colorBackgroundNegative: { + normal: '#ED0A34', + hover: '#E40A34', + active: '#DA0A35', + }, colorBackgroundNegativeTint: { normal: '#FAEBEB', hover: '#FDE2E7', active: '#FCD8DF', }, - colorBackgroundPositiveTintAlpha: { - normal: 'rgba(13, 194, 104, 0.12)', - hover: 'rgba(13, 194, 104, 0.14)', - active: 'rgba(13, 194, 104, 0.18)', - }, - colorBackgroundWarningTintAlpha: { - normal: 'rgba(255, 158, 0, 0.16)', - hover: 'rgba(255, 158, 0, 0.24)', - active: 'rgba(255, 158, 0, 0.28)', - }, colorBackgroundNegativeTintAlpha: { - normal: 'rgba(237, 10, 52, 0.10)', + normal: 'rgba(237, 10, 52, 0.1)', hover: 'rgba(237, 10, 52, 0.14)', active: 'rgba(237, 10, 52, 0.18)', }, - colorBackgroundAccentTintAlpha: { - normal: 'rgba(0, 95, 249, 0.06)', - hover: 'rgba(0, 95, 249, 0.1)', - active: 'rgba(0, 95, 249, 0.14)', + colorBackgroundNegativeTintThemed: { + normal: '#FAEBEB', + hover: '#FDE2E7', + active: '#FCD8DF', + }, + colorBackgroundNegativeTintThemedAlpha: { + normal: 'rgba(237, 10, 52, 0.1)', + hover: 'rgba(237, 10, 52, 0.14)', + active: 'rgba(237, 10, 52, 0.16)', }, - colorBackgroundSecondaryAlpha: { - normal: 'rgba(255, 255, 255, 0.12)', - hover: 'rgba(255, 255, 255, 0.16)', - active: 'rgba(255, 255, 255, 0.20)', + colorBackgroundPositiveTintAlpha: { + normal: 'rgba(13, 194, 104, 0.12)', + hover: 'rgba(13, 194, 104, 0.14)', + active: 'rgba(13, 194, 104, 0.18)', }, colorBackgroundTertiaryAlpha: { normal: 'rgba(58, 58, 90, 0.04)', hover: 'rgba(58, 58, 90, 0.08)', active: 'rgba(58, 58, 90, 0.12)', }, - + colorBackgroundWarningTintAlpha: { + normal: 'rgba(255, 241, 173, 0.64)', + hover: 'rgba(255, 241, 173, 0.72)', + active: 'rgba(255, 241, 173, 0.76)', + }, + colorIconNegative: { + normal: '#ED033A', + hover: '#E4043A', + active: '#DA043A', + }, + colorSegmentedControl: { + normal: '#FFFFFF', + hover: '#F5F5F7', + active: '#EBECEF', + }, + colorStrokeNegative: { + normal: '#ED0A34', + hover: '#E40A34', + active: '#DA0A35', + }, + colorTextNegative: { + normal: '#ED0A34', + hover: '#E40A34', + active: '#DA0A35', + }, + colorAvatarsBlue: '#4C91FF', + colorAvatarsCoral: '#FEA4A4', + colorAvatarsGreen: '#43CC4C', + colorAvatarsIndigo: '#7772F8', + colorAvatarsLavender: '#D3B2FF', + colorAvatarsLime: '#C3F07F', + colorAvatarsMint: '#7BEADB', + colorAvatarsOrange: '#F68E42', + colorAvatarsPeach: '#FFB980', + colorAvatarsRed: '#F55252', + colorAvatarsSea: '#22CEEC', + colorAvatarsSeagreen: '#42D7A5', + colorAvatarsSky: '#9EDBFF', + colorAvatarsViolet: '#B884FF', + colorAvatarsYellow: '#FFD65C', colorIconNegativeSnackbar: '#FF5C5C', + colorOnboarding: '#2979FA', + colorSearchResultsAlpha: 'rgba(255, 241, 173, 0.48)', colorTextSecondary: '#797A80', }, @@ -89,33 +150,74 @@ export const workspaceAdminDarkTheme: ThemeWorkspaceAdminDarkDescription = { colors: { ...darkTheme.colors, - colorBackgroundPositiveTintAlpha: { - normal: 'rgba(13, 194, 104, 0.16)', - hover: 'rgba(13, 194, 104, 0.18)', - active: 'rgba(13, 194, 104, 0.2)', + colorBackgroundAccentTintAlpha: { + normal: 'rgba(0, 119, 255, 0.2)', + hover: 'rgba(39, 117, 252, 0.24)', + active: 'rgba(39, 117, 252, 0.28)', }, - colorBackgroundWarningTintAlpha: { - normal: 'rgba(255, 158, 0, 0.2)', - hover: 'rgba(255, 158, 0, 0.24)', - active: 'rgba(255, 158, 0, 0.28)', + colorBackgroundNegative: { + normal: '#FF5C5C', + hover: '#FF6363', + active: '#FF6969', }, colorBackgroundNegativeTintAlpha: { normal: 'rgba(255, 58, 58, 0.24)', hover: 'rgba(255, 58, 58, 0.28)', active: 'rgba(255, 58, 58, 0.32)', }, - colorBackgroundAccentTintAlpha: { - normal: 'rgba(39, 117, 252, 0.12)', - hover: 'rgba(39, 117, 252, 0.16)', - active: 'rgba(39, 117, 252, 0.2)', + colorBackgroundPositiveTintAlpha: { + normal: 'rgba(13, 194, 104, 0.16)', + hover: 'rgba(13, 194, 104, 0.18)', + active: 'rgba(13, 194, 104, 0.2)', }, colorBackgroundTertiaryAlpha: { normal: 'rgba(255, 255, 255, 0.04)', hover: 'rgba(255, 255, 255, 0.1)', active: 'rgba(255, 255, 255, 0.14)', }, - + colorBackgroundWarningTintAlpha: { + normal: 'rgba(255, 158, 0, 0.16)', + hover: 'rgba(255, 158, 0, 0.24)', + active: 'rgba(255, 158, 0, 0.28)', + }, + colorIconNegative: { + normal: '#FF5C5C', + hover: '#FF6363', + active: '#FF6969', + }, + colorSegmentedControl: { + normal: '#454546', + hover: '#4E4E4F', + active: '#3D3D3E', + }, + colorStrokeNegative: { + normal: '#FF5C5C', + hover: '#FF6363', + active: '#FF6969', + }, + colorTextNegative: { + normal: '#FF5C5C', + hover: '#FF6363', + active: '#FF6969', + }, + colorAvatarsBlue: '#4C91FF', + colorAvatarsCoral: '#FEA4A4', + colorAvatarsGreen: '#43CC4C', + colorAvatarsIndigo: '#7772F8', + colorAvatarsLavender: '#D3B2FF', + colorAvatarsLime: '#C3F07F', + colorAvatarsMint: '#7BEADB', + colorAvatarsOrange: '#F68E42', + colorAvatarsPeach: '#FFB980', + colorAvatarsRed: '#F55252', + colorAvatarsSea: '#22CEEC', + colorAvatarsSeagreen: '#42D7A5', + colorAvatarsSky: '#9EDBFF', + colorAvatarsViolet: '#B884FF', + colorAvatarsYellow: '#FFD65C', colorIconNegativeSnackbar: '#FF5C5C', + colorOnboarding: '#2979FA', + colorSearchResultsAlpha: 'rgba(255, 158, 0, 0.2)', colorTextSecondary: '#BFC1C5', }, }; From d630cc10551f1546faa72c537415994fcb123e1e Mon Sep 17 00:00:00 2001 From: "s.peshkov" Date: Thu, 29 Aug 2024 18:00:13 +0300 Subject: [PATCH 2/2] 4.53.2 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 0ee6c12f..a318d539 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.53.1", + "version": "4.53.2", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "homepage": "https://vkcom.github.io/vkui-tokens",