@vkontakte/vkui-tokens 4.35.1 → 4.35.2-dev-cfbf64.0

package/themes/vkontakteCom/index.styl

@@ -259,6 +259,9 @@ $color-text-muted--active = #2F3034;
 $color-link-contrast = #333333;
 $color-link-contrast--hover = #313233;
 $color-link-contrast--active = #2F3034;
+$color-text-button = #346297;
+$color-text-button--hover = #325F93;
+$color-text-button--active = #305B90;
 $color-icon-accent = #447BBA;
 $color-icon-accent--hover = #4177B5;
 $color-icon-accent--active = #3F72B0;
@@ -304,6 +307,9 @@ $color-icon-positive--active = #45A64A;
 $color-icon-negative = #E64646;
 $color-icon-negative--hover = #DD4446;
 $color-icon-negative--active = #D44245;
+$color-icon-button = #346297;
+$color-icon-button--hover = #325F93;
+$color-icon-button--active = #305B90;
 $color-stroke-accent = #447BBA;
 $color-stroke-accent--hover = #4177B5;
 $color-stroke-accent--active = #3F72B0;
@@ -340,6 +346,9 @@ $color-image-border-alpha--active = rgba(0, 0, 0, 0.16);
 $color-field-border-alpha = rgba(0, 0, 0, 0.12);
 $color-field-border-alpha--hover = rgba(0, 0, 0, 0.24);
 $color-field-border-alpha--active = rgba(0, 0, 0, 0.36);
+$color-stroke-button = #346297;
+$color-stroke-button--hover = #325F93;
+$color-stroke-button--active = #305B90;
 $color-accent-blue = #5181B8;
 $color-accent-blue--hover = #4E7CB3;
 $color-accent-blue--active = #4B78AE;
@@ -427,6 +436,9 @@ $color-transparent--active = rgba(0, 16, 61, 0.08);
 $vkontakte-color-snippet-border-alpha = rgba(0, 0, 0, 0.12);
 $vkontakte-color-snippet-border-alpha--hover = rgba(0, 0, 0, 0.16);
 $vkontakte-color-snippet-border-alpha--active = rgba(0, 0, 0, 0.2);
+$vkontakte-color-snippet-background = #FFFFFF;
+$vkontakte-color-snippet-background--hover = #F5F5F7;
+$vkontakte-color-snippet-background--active = #EBECEF;
 $vkontakte-color-modal-card-border-alpha = rgba(0, 0, 0, 0);
 $vkontakte-color-modal-card-border-alpha--hover = rgba(0, 0, 0, 0.04);
 $vkontakte-color-modal-card-border-alpha--active = rgba(0, 0, 0, 0.08);
@@ -439,6 +451,144 @@ $vkontakte-color-action-sheet-separator-alpha--active = rgba(0, 0, 0, 0.2);
 $vkontakte-color-input-border = #D3D9DE;
 $vkontakte-color-input-border--hover = #CBD1D8;
 $vkontakte-color-input-border--active = #C2C9D1;
+$vkontakte-color-search-bar-background = #e5ebf1;
+$vkontakte-color-search-bar-background--hover = #DCE2EA;
+$vkontakte-color-search-bar-background--active = #D3D9E3;
+$vkontakte-color-search-bar-field-tint = #818c99;
+$vkontakte-color-search-bar-field-tint--hover = #7C8795;
+$vkontakte-color-search-bar-field-tint--active = #778292;
+$vkontakte-background-hover-alpha = rgba(174, 183, 194, 0.12);
+$vkontakte-background-hover-alpha--hover = rgba(174, 183, 194, 0.16);
+$vkontakte-background-hover-alpha--active = rgba(174, 183, 194, 0.2);
+$vkontakte-color-accent-alternate = #0077ff;
+$vkontakte-color-accent-alternate--hover = #0073F7;
+$vkontakte-color-accent-alternate--active = #006FEF;
+$vkontakte-color-background-suggestions = #FFFFFF;
+$vkontakte-color-background-suggestions--hover = #F5F5F7;
+$vkontakte-color-background-suggestions--active = #EBECEF;
+$vkontakte-color-background-keyboard = #dce1e6;
+$vkontakte-color-background-keyboard--hover = #D3D9DF;
+$vkontakte-color-background-keyboard--active = #CAD0D8;
+$vkontakte-color-content-placeholder-icon = #b2b2b2;
+$vkontakte-color-content-placeholder-icon--hover = #ABACAD;
+$vkontakte-color-content-placeholder-icon--active = #A4A5A9;
+$vkontakte-color-content-tint-foreground = #939393;
+$vkontakte-color-content-tint-foreground--hover = #8D8E90;
+$vkontakte-color-content-tint-foreground--active = #87898C;
+$vkontakte-color-text-name = #2a5885;
+$vkontakte-color-text-name--hover = #285582;
+$vkontakte-color-text-name--active = #27527F;
+$vkontakte-color-control-background = #edeef0;
+$vkontakte-color-control-background--hover = #E4E5E9;
+$vkontakte-color-control-background--active = #DADCE2;
+$vkontakte-color-control-foreground = #447bba;
+$vkontakte-color-control-foreground--hover = #4177B5;
+$vkontakte-color-control-foreground--active = #3F72B0;
+$vkontakte-color-control-tint-muted = #828282;
+$vkontakte-color-control-tint-muted--hover = #7D7D7F;
+$vkontakte-color-control-tint-muted--active = #78797C;
+$vkontakte-color-header-search-field-background = #edeef0;
+$vkontakte-color-header-search-field-background--hover = #E4E5E9;
+$vkontakte-color-header-search-field-background--active = #DADCE2;
+$vkontakte-color-header-search-field-tint = #818c99;
+$vkontakte-color-header-search-field-tint--hover = #7C8795;
+$vkontakte-color-header-search-field-tint--active = #778292;
+$vkontakte-color-header-tab-active-indicator = #397dcc;
+$vkontakte-color-header-tab-active-indicator--hover = #3779C6;
+$vkontakte-color-header-tab-active-indicator--active = #3474C1;
+$vkontakte-color-icon-outline-medium = #818c99;
+$vkontakte-color-icon-outline-medium--hover = #7C8795;
+$vkontakte-color-icon-outline-medium--active = #778292;
+$vkontakte-color-icon-outline-secondary = #99a2ad;
+$vkontakte-color-icon-outline-secondary--hover = #939CA9;
+$vkontakte-color-icon-outline-secondary--active = #8D96A4;
+$vkontakte-color-skeleton-shimmer-from = #FFFFFF;
+$vkontakte-color-skeleton-shimmer-from--hover = #F5F5F7;
+$vkontakte-color-skeleton-shimmer-from--active = #EBECEF;
+$vkontakte-color-alpha-skeleton-shimmer-to = transparent;
+$vkontakte-color-alpha-skeleton-shimmer-to--hover = rgba(0, 16, 61, 0.04);
+$vkontakte-color-alpha-skeleton-shimmer-to--active = rgba(0, 16, 61, 0.08);
+$vkontakte-color-loader-background = #edeef0;
+$vkontakte-color-loader-background--hover = #E4E5E9;
+$vkontakte-color-loader-background--active = #DADCE2;
+$vkontakte-color-loader-tint = #828282;
+$vkontakte-color-loader-tint--hover = #7D7D7F;
+$vkontakte-color-loader-tint--active = #78797C;
+$vkontakte-color-music-playback-icon = #000000;
+$vkontakte-color-music-playback-icon--hover = #000102;
+$vkontakte-color-music-playback-icon--active = #000105;
+$vkontakte-color-status-background = #edeef0;
+$vkontakte-color-status-background--hover = #E4E5E9;
+$vkontakte-color-status-background--active = #DADCE2;
+$vkontakte-color-placeholder-icon-foreground-primary = #99a2ad;
+$vkontakte-color-placeholder-icon-foreground-primary--hover = #939CA9;
+$vkontakte-color-placeholder-icon-foreground-primary--active = #8D96A4;
+$vkontakte-color-placeholder-icon-foreground-secondary = #aeb7c2;
+$vkontakte-color-placeholder-icon-foreground-secondary--hover = #A7B0BD;
+$vkontakte-color-placeholder-icon-foreground-secondary--active = #A0AAB7;
+$vkontakte-color-placeholder-icon-tint = #1d3a5c;
+$vkontakte-color-placeholder-icon-tint--hover = #1C385B;
+$vkontakte-color-placeholder-icon-tint--active = #1B375A;
+$vkontakte-color-poll-option-background = #447bba;
+$vkontakte-color-poll-option-background--hover = #4177B5;
+$vkontakte-color-poll-option-background--active = #3F72B0;
+$vkontakte-color-tabbar-active-icon = #447bba;
+$vkontakte-color-tabbar-active-icon--hover = #4177B5;
+$vkontakte-color-tabbar-active-icon--active = #3F72B0;
+$vkontakte-color-tabbar-background = #f7f8fa;
+$vkontakte-color-tabbar-background--hover = #EDEFF2;
+$vkontakte-color-tabbar-background--active = #E3E5EB;
+$vkontakte-color-tabbar-inactive-icon = #99a2ad;
+$vkontakte-color-tabbar-inactive-icon--hover = #939CA9;
+$vkontakte-color-tabbar-inactive-icon--active = #8D96A4;
+$vkontakte-color-tabbar-tablet-text-secondary = #818c99;
+$vkontakte-color-tabbar-tablet-text-secondary--hover = #7C8795;
+$vkontakte-color-tabbar-tablet-text-secondary--active = #778292;
+$vkontakte-color-toolbar-attach-background-from = #dce1e6;
+$vkontakte-color-toolbar-attach-background-from--hover = #D3D9DF;
+$vkontakte-color-toolbar-attach-background-from--active = #CAD0D8;
+$vkontakte-color-splash-screen-icon = #dce1e6;
+$vkontakte-color-splash-screen-icon--hover = #D3D9DF;
+$vkontakte-color-splash-screen-icon--active = #CAD0D8;
+$vkontakte-color-icon-name = #8fadc8;
+$vkontakte-color-icon-name--hover = #89A7C2;
+$vkontakte-color-icon-name--active = #84A0BD;
+$vkontakte-color-panel-tab-active-text = #4e5966;
+$vkontakte-color-panel-tab-active-text--hover = #4B5664;
+$vkontakte-color-panel-tab-active-text--active = #485363;
+$vkontakte-color-background-text-alpha = rgba(81, 129, 184, 0.2);
+$vkontakte-color-background-text-alpha--hover = rgba(81, 129, 184, 0.24);
+$vkontakte-color-background-text-alpha--active = rgba(81, 129, 184, 0.28);
+$vkontakte-color-modal-card-header-close = #000000;
+$vkontakte-color-modal-card-header-close--hover = #000102;
+$vkontakte-color-modal-card-header-close--active = #000105;
+$vkontakte-im-bubble-button-outgoing-background-alpha = rgba(255, 255, 255, 0.72);
+$vkontakte-im-bubble-button-outgoing-background-alpha--hover = rgba(255, 255, 255, 0.76);
+$vkontakte-im-bubble-button-outgoing-background-alpha--active = rgba(255, 255, 255, 0.8);
+$vkontakte-im-bubble-button-foreground = #000000;
+$vkontakte-im-bubble-button-foreground--hover = #000102;
+$vkontakte-im-bubble-button-foreground--active = #000105;
+$vkontakte-im-bubble-incoming-highlighted = #d3d9de;
+$vkontakte-im-bubble-incoming-highlighted--hover = #CBD1D8;
+$vkontakte-im-bubble-incoming-highlighted--active = #C2C9D1;
+$vkontakte-im-bubble-gift-background = #f4e7c3;
+$vkontakte-im-bubble-gift-background--hover = #EADEBE;
+$vkontakte-im-bubble-gift-background--active = #E0D6B8;
+$vkontakte-im-bubble-gift-background-highlighted = #e3d3ac;
+$vkontakte-im-bubble-gift-background-highlighted--hover = #DACBA8;
+$vkontakte-im-bubble-gift-background-highlighted--active = #D1C3A3;
+$vkontakte-im-bubble-outgoing-alternate = #FFFFFF;
+$vkontakte-im-bubble-outgoing-alternate--hover = #F5F5F7;
+$vkontakte-im-bubble-outgoing-alternate--active = #EBECEF;
+$vkontakte-im-attach-tint = #447bba;
+$vkontakte-im-attach-tint--hover = #4177B5;
+$vkontakte-im-attach-tint--active = #3F72B0;
+$vkontakte-im-reply-separator = #2a5885;
+$vkontakte-im-reply-separator--hover = #285582;
+$vkontakte-im-reply-separator--active = #27527F;
+$vkontakte-im-toolbar-voice-msg-background = #99a2ad;
+$vkontakte-im-toolbar-voice-msg-background--hover = #939CA9;
+$vkontakte-im-toolbar-voice-msg-background--active = #8D96A4;
 $vkontakte-color-im-forward-line-alpha = rgba(0, 20, 51, 0.12);
 $vkontakte-color-im-forward-line-alpha--hover = rgba(0, 20, 51, 0.16);
 $vkontakte-color-im-forward-line-alpha--active = rgba(0, 20, 51, 0.2);

package/themes/vkontakteCom/struct.json

@@ -442,6 +442,11 @@
 			"hover": "rgba(0, 0, 0, 0.16)",
 			"active": "rgba(0, 0, 0, 0.2)"
 		},
+		"vkontakteColorSnippetBackground": {
+			"normal": "#FFFFFF",
+			"hover": "#F5F5F7",
+			"active": "#EBECEF"
+		},
 		"vkontakteColorModalCardBorderAlpha": {
 			"normal": "rgba(0, 0, 0, 0)",
 			"hover": "rgba(0, 0, 0, 0.04)",
@@ -462,6 +467,236 @@
 			"hover": "#CBD1D8",
 			"active": "#C2C9D1"
 		},
+		"vkontakteColorSearchBarBackground": {
+			"normal": "#e5ebf1",
+			"hover": "#DCE2EA",
+			"active": "#D3D9E3"
+		},
+		"vkontakteColorSearchBarFieldTint": {
+			"normal": "#818c99",
+			"hover": "#7C8795",
+			"active": "#778292"
+		},
+		"vkontakteBackgroundHoverAlpha": {
+			"normal": "rgba(174, 183, 194, 0.12)",
+			"hover": "rgba(174, 183, 194, 0.16)",
+			"active": "rgba(174, 183, 194, 0.2)"
+		},
+		"vkontakteColorAccentAlternate": {
+			"normal": "#0077ff",
+			"hover": "#0073F7",
+			"active": "#006FEF"
+		},
+		"vkontakteColorBackgroundSuggestions": {
+			"normal": "#FFFFFF",
+			"hover": "#F5F5F7",
+			"active": "#EBECEF"
+		},
+		"vkontakteColorBackgroundKeyboard": {
+			"normal": "#dce1e6",
+			"hover": "#D3D9DF",
+			"active": "#CAD0D8"
+		},
+		"vkontakteColorContentPlaceholderIcon": {
+			"normal": "#b2b2b2",
+			"hover": "#ABACAD",
+			"active": "#A4A5A9"
+		},
+		"vkontakteColorContentTintForeground": {
+			"normal": "#939393",
+			"hover": "#8D8E90",
+			"active": "#87898C"
+		},
+		"vkontakteColorTextName": {
+			"normal": "#2a5885",
+			"hover": "#285582",
+			"active": "#27527F"
+		},
+		"vkontakteColorControlBackground": {
+			"normal": "#edeef0",
+			"hover": "#E4E5E9",
+			"active": "#DADCE2"
+		},
+		"vkontakteColorControlForeground": {
+			"normal": "#447bba",
+			"hover": "#4177B5",
+			"active": "#3F72B0"
+		},
+		"vkontakteColorControlTintMuted": {
+			"normal": "#828282",
+			"hover": "#7D7D7F",
+			"active": "#78797C"
+		},
+		"vkontakteColorHeaderSearchFieldBackground": {
+			"normal": "#edeef0",
+			"hover": "#E4E5E9",
+			"active": "#DADCE2"
+		},
+		"vkontakteColorHeaderSearchFieldTint": {
+			"normal": "#818c99",
+			"hover": "#7C8795",
+			"active": "#778292"
+		},
+		"vkontakteColorHeaderTabActiveIndicator": {
+			"normal": "#397dcc",
+			"hover": "#3779C6",
+			"active": "#3474C1"
+		},
+		"vkontakteColorIconOutlineMedium": {
+			"normal": "#818c99",
+			"hover": "#7C8795",
+			"active": "#778292"
+		},
+		"vkontakteColorIconOutlineSecondary": {
+			"normal": "#99a2ad",
+			"hover": "#939CA9",
+			"active": "#8D96A4"
+		},
+		"vkontakteColorSkeletonShimmerFrom": {
+			"normal": "#FFFFFF",
+			"hover": "#F5F5F7",
+			"active": "#EBECEF"
+		},
+		"vkontakteColorAlphaSkeletonShimmerTo": {
+			"normal": "transparent",
+			"hover": "rgba(0, 16, 61, 0.04)",
+			"active": "rgba(0, 16, 61, 0.08)"
+		},
+		"vkontakteColorLoaderBackground": {
+			"normal": "#edeef0",
+			"hover": "#E4E5E9",
+			"active": "#DADCE2"
+		},
+		"vkontakteColorLoaderTint": {
+			"normal": "#828282",
+			"hover": "#7D7D7F",
+			"active": "#78797C"
+		},
+		"vkontakteColorMusicPlaybackIcon": {
+			"normal": "#000000",
+			"hover": "#000102",
+			"active": "#000105"
+		},
+		"vkontakteColorStatusBackground": {
+			"normal": "#edeef0",
+			"hover": "#E4E5E9",
+			"active": "#DADCE2"
+		},
+		"vkontakteColorPlaceholderIconForegroundPrimary": {
+			"normal": "#99a2ad",
+			"hover": "#939CA9",
+			"active": "#8D96A4"
+		},
+		"vkontakteColorPlaceholderIconForegroundSecondary": {
+			"normal": "#aeb7c2",
+			"hover": "#A7B0BD",
+			"active": "#A0AAB7"
+		},
+		"vkontakteColorPlaceholderIconTint": {
+			"normal": "#1d3a5c",
+			"hover": "#1C385B",
+			"active": "#1B375A"
+		},
+		"vkontakteColorPollOptionBackground": {
+			"normal": "#447bba",
+			"hover": "#4177B5",
+			"active": "#3F72B0"
+		},
+		"vkontakteColorTabbarActiveIcon": {
+			"normal": "#447bba",
+			"hover": "#4177B5",
+			"active": "#3F72B0"
+		},
+		"vkontakteColorTabbarBackground": {
+			"normal": "#f7f8fa",
+			"hover": "#EDEFF2",
+			"active": "#E3E5EB"
+		},
+		"vkontakteColorTabbarInactiveIcon": {
+			"normal": "#99a2ad",
+			"hover": "#939CA9",
+			"active": "#8D96A4"
+		},
+		"vkontakteColorTabbarTabletTextSecondary": {
+			"normal": "#818c99",
+			"hover": "#7C8795",
+			"active": "#778292"
+		},
+		"vkontakteColorToolbarAttachBackgroundFrom": {
+			"normal": "#dce1e6",
+			"hover": "#D3D9DF",
+			"active": "#CAD0D8"
+		},
+		"vkontakteColorSplashScreenIcon": {
+			"normal": "#dce1e6",
+			"hover": "#D3D9DF",
+			"active": "#CAD0D8"
+		},
+		"vkontakteColorIconName": {
+			"normal": "#8fadc8",
+			"hover": "#89A7C2",
+			"active": "#84A0BD"
+		},
+		"vkontakteColorPanelTabActiveText": {
+			"normal": "#4e5966",
+			"hover": "#4B5664",
+			"active": "#485363"
+		},
+		"vkontakteColorBackgroundTextAlpha": {
+			"normal": "rgba(81, 129, 184, 0.2)",
+			"hover": "rgba(81, 129, 184, 0.24)",
+			"active": "rgba(81, 129, 184, 0.28)"
+		},
+		"vkontakteColorModalCardHeaderClose": {
+			"normal": "#000000",
+			"hover": "#000102",
+			"active": "#000105"
+		},
+		"vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+			"normal": "rgba(255, 255, 255, 0.72)",
+			"hover": "rgba(255, 255, 255, 0.76)",
+			"active": "rgba(255, 255, 255, 0.8)"
+		},
+		"vkontakteImBubbleButtonForeground": {
+			"normal": "#000000",
+			"hover": "#000102",
+			"active": "#000105"
+		},
+		"vkontakteImBubbleIncomingHighlighted": {
+			"normal": "#d3d9de",
+			"hover": "#CBD1D8",
+			"active": "#C2C9D1"
+		},
+		"vkontakteImBubbleGiftBackground": {
+			"normal": "#f4e7c3",
+			"hover": "#EADEBE",
+			"active": "#E0D6B8"
+		},
+		"vkontakteImBubbleGiftBackgroundHighlighted": {
+			"normal": "#e3d3ac",
+			"hover": "#DACBA8",
+			"active": "#D1C3A3"
+		},
+		"vkontakteImBubbleOutgoingAlternate": {
+			"normal": "#FFFFFF",
+			"hover": "#F5F5F7",
+			"active": "#EBECEF"
+		},
+		"vkontakteImAttachTint": {
+			"normal": "#447bba",
+			"hover": "#4177B5",
+			"active": "#3F72B0"
+		},
+		"vkontakteImReplySeparator": {
+			"normal": "#2a5885",
+			"hover": "#285582",
+			"active": "#27527F"
+		},
+		"vkontakteImToolbarVoiceMsgBackground": {
+			"normal": "#99a2ad",
+			"hover": "#939CA9",
+			"active": "#8D96A4"
+		},
 		"vkontakteColorImForwardLineAlpha": {
 			"normal": "rgba(0, 20, 51, 0.12)",
 			"hover": "rgba(0, 20, 51, 0.16)",
@@ -727,6 +962,11 @@
 			"hover": "#313233",
 			"active": "#2F3034"
 		},
+		"colorTextButton": {
+			"normal": "#346297",
+			"hover": "#325F93",
+			"active": "#305B90"
+		},
 		"colorIconAccent": {
 			"normal": "#447BBA",
 			"hover": "#4177B5",
@@ -802,6 +1042,11 @@
 			"hover": "#DD4446",
 			"active": "#D44245"
 		},
+		"colorIconButton": {
+			"normal": "#346297",
+			"hover": "#325F93",
+			"active": "#305B90"
+		},
 		"colorStrokeAccent": {
 			"normal": "#447BBA",
 			"hover": "#4177B5",
@@ -862,6 +1107,11 @@
 			"hover": "rgba(0, 0, 0, 0.24)",
 			"active": "rgba(0, 0, 0, 0.36)"
 		},
+		"colorStrokeButton": {
+			"normal": "#346297",
+			"hover": "#325F93",
+			"active": "#305B90"
+		},
 		"colorAccentBlue": {
 			"normal": "#5181B8",
 			"hover": "#4E7CB3",

package/themes/vkontakteComDark/cssVars/declarations/index.css

@@ -303,9 +303,9 @@
 	--vkui--color_text_primary_invariably: #333333;
 	--vkui--color_text_primary_invariably--hover: #3B3B3B;
 	--vkui--color_text_primary_invariably--active: #434343;
-	--vkui--color_text_secondary: #B2B2B2;
-	--vkui--color_text_secondary--hover: #B5B5B5;
-	--vkui--color_text_secondary--active: #B8B8B8;
+	--vkui--color_text_secondary: #828282;
+	--vkui--color_text_secondary--hover: #878787;
+	--vkui--color_text_secondary--active: #8C8C8C;
 	--vkui--color_text_subhead: #939393;
 	--vkui--color_text_subhead--hover: #979797;
 	--vkui--color_text_subhead--active: #9C9C9C;
@@ -342,6 +342,9 @@
 	--vkui--color_link_contrast: #CCCCCC;
 	--vkui--color_link_contrast--hover: #CECECE;
 	--vkui--color_link_contrast--active: #D0D0D0;
+	--vkui--color_text_button: #E1E3E6;
+	--vkui--color_text_button--hover: #E2E4E7;
+	--vkui--color_text_button--active: #E3E5E8;
 	--vkui--color_icon_accent: #71AAEB;
 	--vkui--color_icon_accent--hover: #77ADEC;
 	--vkui--color_icon_accent--active: #7CB1ED;
@@ -387,6 +390,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--vkui--color_icon_button: #E1E3E6;
+	--vkui--color_icon_button--hover: #E2E4E7;
+	--vkui--color_icon_button--active: #E3E5E8;
 	--vkui--color_stroke_accent: #71AAEB;
 	--vkui--color_stroke_accent--hover: #77ADEC;
 	--vkui--color_stroke_accent--active: #7CB1ED;
@@ -423,6 +429,9 @@
 	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_stroke_button: #E1E3E6;
+	--vkui--color_stroke_button--hover: #E2E4E7;
+	--vkui--color_stroke_button--active: #E3E5E8;
 	--vkui--color_accent_blue: #397DCC;
 	--vkui--color_accent_blue--hover: #4182CE;
 	--vkui--color_accent_blue--active: #4987D0;
@@ -510,6 +519,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_color_snippet_background: #272727;
+	--vkui--vkontakte_color_snippet_background--hover: #303030;
+	--vkui--vkontakte_color_snippet_background--active: #383838;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
@@ -522,6 +534,144 @@
 	--vkui--vkontakte_color_input_border: #555555;
 	--vkui--vkontakte_color_input_border--hover: #5C5C5C;
 	--vkui--vkontakte_color_input_border--active: #636363;
+	--vkui--vkontakte_color_search_bar_background: #222222;
+	--vkui--vkontakte_color_search_bar_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_search_bar_background--active: #343434;
+	--vkui--vkontakte_color_search_bar_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.12);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.16);
+	--vkui--vkontakte_color_accent_alternate: #FFFFFF;
+	--vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
+	--vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
+	--vkui--vkontakte_color_background_suggestions: #333333;
+	--vkui--vkontakte_color_background_suggestions--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_suggestions--active: #434343;
+	--vkui--vkontakte_color_background_keyboard: #333333;
+	--vkui--vkontakte_color_background_keyboard--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_keyboard--active: #434343;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #B5B5B5;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #B8B8B8;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #979797;
+	--vkui--vkontakte_color_content_tint_foreground--active: #9C9C9C;
+	--vkui--vkontakte_color_text_name: #e1e3e6;
+	--vkui--vkontakte_color_text_name--hover: #E2E4E7;
+	--vkui--vkontakte_color_text_name--active: #E3E5E8;
+	--vkui--vkontakte_color_control_background: #555555;
+	--vkui--vkontakte_color_control_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_control_background--active: #636363;
+	--vkui--vkontakte_color_control_foreground: #e1e3e6;
+	--vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_color_control_foreground--active: #E3E5E8;
+	--vkui--vkontakte_color_control_tint_muted: #939393;
+	--vkui--vkontakte_color_control_tint_muted--hover: #979797;
+	--vkui--vkontakte_color_control_tint_muted--active: #9C9C9C;
+	--vkui--vkontakte_color_header_search_field_background: #424242;
+	--vkui--vkontakte_color_header_search_field_background--hover: #4A4A4A;
+	--vkui--vkontakte_color_header_search_field_background--active: #515151;
+	--vkui--vkontakte_color_header_search_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_header_search_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #4182CE;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #4987D0;
+	--vkui--vkontakte_color_icon_outline_medium: #b2b2b2;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_outline_medium--active: #B8B8B8;
+	--vkui--vkontakte_color_icon_outline_secondary: #939393;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #979797;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #9C9C9C;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #222222;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #2B2B2B;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #343434;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_color_loader_background: #555555;
+	--vkui--vkontakte_color_loader_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_loader_background--active: #636363;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #878787;
+	--vkui--vkontakte_color_loader_tint--active: #8C8C8C;
+	--vkui--vkontakte_color_music_playback_icon: #FFFFFF;
+	--vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_status_background: #222222;
+	--vkui--vkontakte_color_status_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_status_background--active: #343434;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #939393;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #979797;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #9C9C9C;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #656565;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #6B6B6B;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #717171;
+	--vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
+	--vkui--vkontakte_color_poll_option_background: #FFFFFF;
+	--vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
+	--vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_background: #333333;
+	--vkui--vkontakte_color_tabbar_background--hover: #3B3B3B;
+	--vkui--vkontakte_color_tabbar_background--active: #434343;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #828282;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #878787;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8C8C8C;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #828282;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #878787;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #8C8C8C;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #828282;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #878787;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #8C8C8C;
+	--vkui--vkontakte_color_splash_screen_icon: #333333;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #3B3B3B;
+	--vkui--vkontakte_color_splash_screen_icon--active: #434343;
+	--vkui--vkontakte_color_icon_name: #b2b2b2;
+	--vkui--vkontakte_color_icon_name--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_name--active: #B8B8B8;
+	--vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
+	--vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.28);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.32);
+	--vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #656565;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #6B6B6B;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #717171;
+	--vkui--vkontakte_im_bubble_gift_background: #857250;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
+	--vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #555555;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #5C5C5C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #636363;
+	--vkui--vkontakte_im_attach_tint: #FFFFFF;
+	--vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
+	--vkui--vkontakte_im_attach_tint--active: #D7D8DB;
+	--vkui--vkontakte_im_reply_separator: #FFFFFF;
+	--vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
+	--vkui--vkontakte_im_reply_separator--active: #D7D8DB;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #555555;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #5C5C5C;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #636363;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);