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

package/themes/vkBaseDark/struct.json

@@ -250,7 +250,7 @@
 			"regular": 40
 		},
 		"sizePopupSmall": {
-			"regular": 420
+			"regular": 430
 		},
 		"sizePopupMedium": {
 			"regular": 680
@@ -424,7 +424,7 @@
 	},
 	"color": {
 		"colorBackgroundAccent": {
-			"normal": "#529EF4",
+			"normal": "#529ef4",
 			"hover": "#59A2F4",
 			"active": "#60A6F5"
 		},
@@ -444,12 +444,12 @@
 			"active": "#60A6F5"
 		},
 		"colorBackground": {
-			"normal": "#0A0A0A",
+			"normal": "#0a0a0a",
 			"hover": "#141414",
 			"active": "#1E1E1E"
 		},
 		"colorBackgroundContent": {
-			"normal": "#19191A",
+			"normal": "#19191a",
 			"hover": "#222223",
 			"active": "#2B2B2C"
 		},
@@ -484,12 +484,12 @@
 			"active": "rgba(255, 255, 255, 0.28)"
 		},
 		"colorBackgroundContrastInverse": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
 		"colorBackgroundModal": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
@@ -504,24 +504,24 @@
 			"active": "#8F7D5E"
 		},
 		"colorBackgroundPositive": {
-			"normal": "#4BB34B",
+			"normal": "#4bb34b",
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
 		"colorBackgroundNegative": {
-			"normal": "#FF5C5C",
+			"normal": "#ff5c5c",
 			"hover": "#FF6363",
 			"active": "#FF6969"
 		},
 		"colorBackgroundNegativeTint": {
-			"normal": "#522E2E",
+			"normal": "#522e2e",
 			"hover": "#593636",
 			"active": "#603F3F"
 		},
 		"colorBackgroundPositiveTint": {
-			"normal": "#E8f9e8",
-			"hover": "#E9F9E9",
-			"active": "#EAF9EA"
+			"normal": "#b1d6b1",
+			"hover": "#B4D8B4",
+			"active": "#B7D9B7"
 		},
 		"colorFieldBackground": {
 			"normal": "#232324",
@@ -529,12 +529,12 @@
 			"active": "#353536"
 		},
 		"colorHeaderBackground": {
-			"normal": "#19191A",
+			"normal": "#19191a",
 			"hover": "#222223",
 			"active": "#2B2B2C"
 		},
 		"colorTextAccent": {
-			"normal": "#529EF4",
+			"normal": "#529ef4",
 			"hover": "#59A2F4",
 			"active": "#60A6F5"
 		},
@@ -544,7 +544,7 @@
 			"active": "#D7D8DB"
 		},
 		"colorTextPrimary": {
-			"normal": "#E1E3E6",
+			"normal": "#e1e3e6",
 			"hover": "#E2E4E7",
 			"active": "#E3E5E8"
 		},
@@ -554,17 +554,17 @@
 			"active": "#141414"
 		},
 		"colorTextSecondary": {
-			"normal": "#76787A",
+			"normal": "#76787a",
 			"hover": "#7B7D7F",
 			"active": "#818385"
 		},
 		"colorTextSubhead": {
-			"normal": "#969A9F",
+			"normal": "#969a9f",
 			"hover": "#9A9EA3",
 			"active": "#9EA2A7"
 		},
 		"colorTextTertiary": {
-			"normal": "#5D5F61",
+			"normal": "#5d5f61",
 			"hover": "#636567",
 			"active": "#6A6C6E"
 		},
@@ -579,17 +579,17 @@
 			"active": "#141414"
 		},
 		"colorTextPositive": {
-			"normal": "#4BB34B",
+			"normal": "#4bb34b",
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
 		"colorTextNegative": {
-			"normal": "#FF5C5C",
+			"normal": "#ff5c5c",
 			"hover": "#FF6363",
 			"active": "#FF6969"
 		},
 		"colorTextLink": {
-			"normal": "#529EF4",
+			"normal": "#529ef4",
 			"hover": "#59A2F4",
 			"active": "#60A6F5"
 		},
@@ -599,17 +599,17 @@
 			"active": "#D7D8DB"
 		},
 		"colorTextLinkTint": {
-			"normal": "#71AAEB",
+			"normal": "#71aaeb",
 			"hover": "#77ADEC",
 			"active": "#7CB1ED"
 		},
 		"colorTextLinkVisited": {
-			"normal": "#4986CC",
+			"normal": "#4986cc",
 			"hover": "#508BCE",
 			"active": "#5890D0"
 		},
 		"colorTextMuted": {
-			"normal": "#E1E3E6",
+			"normal": "#e1e3e6",
 			"hover": "#E2E4E7",
 			"active": "#E3E5E8"
 		},
@@ -618,13 +618,8 @@
 			"hover": "#EBEDF0",
 			"active": "#D7D8DB"
 		},
-		"colorTextButton": {
-			"normal": "#FFFFFF",
-			"hover": "#EBEDF0",
-			"active": "#D7D8DB"
-		},
 		"colorIconAccent": {
-			"normal": "#529EF4",
+			"normal": "#529ef4",
 			"hover": "#59A2F4",
 			"active": "#60A6F5"
 		},
@@ -634,17 +629,17 @@
 			"active": "#D7D8DB"
 		},
 		"colorIconPrimary": {
-			"normal": "#E1E3E6",
+			"normal": "#e1e3e6",
 			"hover": "#E2E4E7",
 			"active": "#E3E5E8"
 		},
 		"colorIconPrimaryInvariably": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
 		"colorIconMedium": {
-			"normal": "#B0B1B6",
+			"normal": "#b0b1b6",
 			"hover": "#B3B4B9",
 			"active": "#B6B7BC"
 		},
@@ -654,7 +649,7 @@
 			"active": "rgba(241, 247, 255, 0.74)"
 		},
 		"colorIconSecondary": {
-			"normal": "#76787A",
+			"normal": "#76787a",
 			"hover": "#7B7D7F",
 			"active": "#818385"
 		},
@@ -664,12 +659,12 @@
 			"active": "rgba(0, 0, 0, 0.51)"
 		},
 		"colorIconTertiary": {
-			"normal": "#5D5F61",
+			"normal": "#5d5f61",
 			"hover": "#636567",
 			"active": "#6A6C6E"
 		},
 		"colorIconTertiaryAlpha": {
-			"normal": "rgba(255, 255, 255, 0.3)",
+			"normal": "rgba(255, 255, 255, 0.30)",
 			"hover": "rgba(255, 255, 255, 0.34)",
 			"active": "rgba(255, 255, 255, 0.38)"
 		},
@@ -684,27 +679,22 @@
 			"active": "#141414"
 		},
 		"colorIconContrastSecondary": {
-			"normal": "#F2F3F5",
+			"normal": "#f2f3f5",
 			"hover": "#F3F3F5",
 			"active": "#F3F4F6"
 		},
 		"colorIconPositive": {
-			"normal": "#4BB34B",
+			"normal": "#4bb34b",
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
 		"colorIconNegative": {
-			"normal": "#FF5C5C",
+			"normal": "#ff5c5c",
 			"hover": "#FF6363",
 			"active": "#FF6969"
 		},
-		"colorIconButton": {
-			"normal": "#FFFFFF",
-			"hover": "#EBEDF0",
-			"active": "#D7D8DB"
-		},
 		"colorStrokeAccent": {
-			"normal": "#529EF4",
+			"normal": "#529ef4",
 			"hover": "#59A2F4",
 			"active": "#60A6F5"
 		},
@@ -739,12 +729,12 @@
 			"active": "#272728"
 		},
 		"colorStrokePositive": {
-			"normal": "#4BB34B",
+			"normal": "#4bb34b",
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
 		"colorStrokeNegative": {
-			"normal": "#FF5C5C",
+			"normal": "#ff5c5c",
 			"hover": "#FF6363",
 			"active": "#FF6969"
 		},
@@ -763,68 +753,63 @@
 			"hover": "rgba(255, 255, 255, 0.16)",
 			"active": "rgba(255, 255, 255, 0.2)"
 		},
-		"colorStrokeButton": {
-			"normal": "#FFFFFF",
-			"hover": "#EBEDF0",
-			"active": "#D7D8DB"
-		},
 		"colorAccentBlue": {
-			"normal": "#529EF4",
-			"hover": "#59A2F4",
-			"active": "#60A6F5"
+			"normal": "#71aaeb",
+			"hover": "#77ADEC",
+			"active": "#7CB1ED"
 		},
 		"colorAccentGray": {
-			"normal": "#A3ADB8",
+			"normal": "#a3adb8",
 			"hover": "#A7B0BB",
 			"active": "#AAB4BE"
 		},
 		"colorAccentRed": {
-			"normal": "#FF3347",
+			"normal": "#ff3347",
 			"hover": "#FF3B4E",
 			"active": "#FF4356"
 		},
 		"colorAccentGreen": {
-			"normal": "#4BB34B",
+			"normal": "#4bb34b",
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
 		"colorAccentOrange": {
-			"normal": "#FFA000",
+			"normal": "#ffa000",
 			"hover": "#FFA40A",
 			"active": "#FFA814"
 		},
 		"colorAccentOrangeFire": {
-			"normal": "#F05C44",
+			"normal": "#f05c44",
 			"hover": "#F1634B",
 			"active": "#F16953"
 		},
 		"colorAccentPurple": {
-			"normal": "#735CE6",
-			"hover": "#7963E7",
-			"active": "#7E69E8"
+			"normal": "#8b74ff",
+			"hover": "#907AFF",
+			"active": "#947FFF"
 		},
 		"colorAccentViolet": {
-			"normal": "#792EC0",
-			"hover": "#7E36C3",
-			"active": "#843FC5"
+			"normal": "#a94fff",
+			"hover": "#AC56FF",
+			"active": "#B05DFF"
 		},
 		"colorAccentRaspberryPink": {
-			"normal": "#F060C0",
+			"normal": "#f060c0",
 			"hover": "#F166C3",
 			"active": "#F16DC5"
 		},
 		"colorAccentSecondary": {
-			"normal": "#3F8AE0",
+			"normal": "#3f8ae0",
 			"hover": "#478FE1",
 			"active": "#4E93E2"
 		},
 		"colorOverlayPrimary": {
-			"normal": "rgba(0, 0, 0, 0.4)",
+			"normal": "rgba(0, 0, 0, 0.40)",
 			"hover": "rgba(0, 0, 0, 0.44)",
 			"active": "rgba(0, 0, 0, 0.48)"
 		},
 		"colorAvatarOverlay": {
-			"normal": "rgba(0, 0, 0, 0.6)",
+			"normal": "rgba(0, 0, 0, 0.60)",
 			"hover": "rgba(0, 0, 0, 0.64)",
 			"active": "rgba(0, 0, 0, 0.68)"
 		},
@@ -833,8 +818,13 @@
 			"hover": "rgba(255, 255, 255, 0.89)",
 			"active": "rgba(255, 255, 255, 0.93)"
 		},
+		"colorActionSheetText": {
+			"normal": "#71aaeb",
+			"hover": "#77ADEC",
+			"active": "#7CB1ED"
+		},
 		"colorImagePlaceholder": {
-			"normal": "#2A2B2C",
+			"normal": "#2a2b2c",
 			"hover": "#333334",
 			"active": "#3B3C3D"
 		},
@@ -849,22 +839,22 @@
 			"active": "#353536"
 		},
 		"colorSkeletonTo": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
 		"colorWriteBarIcon": {
-			"normal": "#529EF4",
-			"hover": "#59A2F4",
-			"active": "#60A6F5"
+			"normal": "#76787a",
+			"hover": "#7B7D7F",
+			"active": "#818385"
 		},
 		"colorWriteBarInputBackground": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
 		"colorWriteBarInputBorder": {
-			"normal": "#2C2D2E",
+			"normal": "#2c2d2e",
 			"hover": "#343536",
 			"active": "#3D3E3F"
 		},
@@ -873,11 +863,6 @@
 			"hover": "rgba(255, 255, 255, 0.84)",
 			"active": "rgba(255, 255, 255, 0.88)"
 		},
-		"colorActionSheetText": {
-			"normal": "#529EF4",
-			"hover": "#59A2F4",
-			"active": "#60A6F5"
-		},
 		"colorTrackBackground": {
 			"normal": "#454647",
 			"hover": "#4C4D4E",
@@ -894,7 +879,7 @@
 			"active": "#464748"
 		},
 		"colorPanelHeaderIcon": {
-			"normal": "#71AAEB",
+			"normal": "#71aaeb",
 			"hover": "#77ADEC",
 			"active": "#7CB1ED"
 		},

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

@@ -224,7 +224,7 @@
 	--vkui--color_background_contrast: #FFFFFF;
 	--vkui--color_background_contrast--hover: #F5F5F7;
 	--vkui--color_background_contrast--active: #EBECEF;
-	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
 	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
 	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
 	--vkui--color_background_contrast_inverse: #333333;
@@ -236,7 +236,7 @@
 	--vkui--color_background_modal_inverse: #000000;
 	--vkui--color_background_modal_inverse--hover: #000102;
 	--vkui--color_background_modal_inverse--active: #000105;
-	--vkui--color_background_warning: #FFF2D6;
+	--vkui--color_background_warning: #fff2d6;
 	--vkui--color_background_warning--hover: #F5E9D0;
 	--vkui--color_background_warning--active: #EBE0CA;
 	--vkui--color_background_positive: #4BB34B;
@@ -245,10 +245,10 @@
 	--vkui--color_background_negative: #E64646;
 	--vkui--color_background_negative--hover: #DD4446;
 	--vkui--color_background_negative--active: #D44245;
-	--vkui--color_background_negative_tint: #FAEBEB;
+	--vkui--color_background_negative_tint: #faebeb;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
-	--vkui--color_background_positive_tint: #E8f9e8;
+	--vkui--color_background_positive_tint: #e8f9e8;
 	--vkui--color_background_positive_tint--hover: #DFF0E1;
 	--vkui--color_background_positive_tint--active: #D5E6DA;
 	--vkui--color_field_background: #F7F8FA;
@@ -296,10 +296,10 @@
 	--vkui--color_text_link_themed: #2A5885;
 	--vkui--color_text_link_themed--hover: #285582;
 	--vkui--color_text_link_themed--active: #27527F;
-	--vkui--color_text_link_tint: #71AAEB;
+	--vkui--color_text_link_tint: #71aaeb;
 	--vkui--color_text_link_tint--hover: #6CA4E4;
 	--vkui--color_text_link_tint--active: #689EDD;
-	--vkui--color_text_link_visited: #4986CC;
+	--vkui--color_text_link_visited: #4986cc;
 	--vkui--color_text_link_visited--hover: #4681C6;
 	--vkui--color_text_link_visited--active: #437DC1;
 	--vkui--color_text_muted: #333333;
@@ -308,16 +308,13 @@
 	--vkui--color_link_contrast: #333333;
 	--vkui--color_link_contrast--hover: #313233;
 	--vkui--color_link_contrast--active: #2F3034;
-	--vkui--color_text_button: #346297;
-	--vkui--color_text_button--hover: #325F93;
-	--vkui--color_text_button--active: #305B90;
 	--vkui--color_icon_accent: #447BBA;
 	--vkui--color_icon_accent--hover: #4177B5;
 	--vkui--color_icon_accent--active: #3F72B0;
 	--vkui--color_icon_accent_themed: #447BBA;
 	--vkui--color_icon_accent_themed--hover: #4177B5;
 	--vkui--color_icon_accent_themed--active: #3F72B0;
-	--vkui--color_icon_primary: #2C2D2E;
+	--vkui--color_icon_primary: #2c2d2e;
 	--vkui--color_icon_primary--hover: #2A2C2F;
 	--vkui--color_icon_primary--active: #282B2F;
 	--vkui--color_icon_primary_invariably: #333333;
@@ -347,7 +344,7 @@
 	--vkui--color_icon_contrast_themed: #FFFFFF;
 	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
 	--vkui--color_icon_contrast_themed--active: #EBECEF;
-	--vkui--color_icon_contrast_secondary: #F2F3F5;
+	--vkui--color_icon_contrast_secondary: #f2f3f5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
 	--vkui--color_icon_positive: #4BB34B;
@@ -356,16 +353,13 @@
 	--vkui--color_icon_negative: #E64646;
 	--vkui--color_icon_negative--hover: #DD4446;
 	--vkui--color_icon_negative--active: #D44245;
-	--vkui--color_icon_button: #346297;
-	--vkui--color_icon_button--hover: #325F93;
-	--vkui--color_icon_button--active: #305B90;
 	--vkui--color_stroke_accent: #447BBA;
 	--vkui--color_stroke_accent--hover: #4177B5;
 	--vkui--color_stroke_accent--active: #3F72B0;
 	--vkui--color_stroke_accent_themed: #447BBA;
 	--vkui--color_stroke_accent_themed--hover: #4177B5;
 	--vkui--color_stroke_accent_themed--active: #3F72B0;
-	--vkui--color_separator_primary: #D7D8D9;
+	--vkui--color_separator_primary: #d7d8d9;
 	--vkui--color_separator_primary--hover: #CED0D3;
 	--vkui--color_separator_primary--active: #C6C8CD;
 	--vkui--color_separator_primary2x: #cbcccd;
@@ -386,7 +380,7 @@
 	--vkui--color_stroke_negative: #E64646;
 	--vkui--color_stroke_negative--hover: #DD4446;
 	--vkui--color_stroke_negative--active: #D44245;
-	--vkui--color_stroke_contrast: #FFFFFF;
+	--vkui--color_stroke_contrast: #ffffff;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
 	--vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
@@ -395,9 +389,6 @@
 	--vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
 	--vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
-	--vkui--color_stroke_button: #346297;
-	--vkui--color_stroke_button--hover: #325F93;
-	--vkui--color_stroke_button--active: #305B90;
 	--vkui--color_accent_blue: #5181B8;
 	--vkui--color_accent_blue--hover: #4E7CB3;
 	--vkui--color_accent_blue--active: #4B78AE;
@@ -413,7 +404,7 @@
 	--vkui--color_accent_orange: #FFA000;
 	--vkui--color_accent_orange--hover: #F59A02;
 	--vkui--color_accent_orange--active: #EB9405;
-	--vkui--color_accent_orange_fire: #F05C44;
+	--vkui--color_accent_orange_fire: #f05c44;
 	--vkui--color_accent_orange_fire--hover: #E65944;
 	--vkui--color_accent_orange_fire--active: #DD5643;
 	--vkui--color_accent_purple: #735CE6;
@@ -422,25 +413,25 @@
 	--vkui--color_accent_violet: #792EC0;
 	--vkui--color_accent_violet--hover: #742DBB;
 	--vkui--color_accent_violet--active: #6F2CB6;
-	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink: #e03fab;
 	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
 	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
-	--vkui--color_accent_secondary: #3F8AE0;
+	--vkui--color_accent_secondary: #3f8ae0;
 	--vkui--color_accent_secondary--hover: #3C85D9;
 	--vkui--color_accent_secondary--active: #3A80D3;
-	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
+	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
 	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
 	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
-	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
+	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
 	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
 	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
 	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
 	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
 	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
-	--vkui--color_action_sheet_text: #3F8AE0;
+	--vkui--color_action_sheet_text: #3f8ae0;
 	--vkui--color_action_sheet_text--hover: #3C85D9;
 	--vkui--color_action_sheet_text--active: #3A80D3;
-	--vkui--color_image_placeholder: #F2F3F5;
+	--vkui--color_image_placeholder: #f2f3f5;
 	--vkui--color_image_placeholder--hover: #E8EAEE;
 	--vkui--color_image_placeholder--active: #DFE1E6;
 	--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
@@ -476,7 +467,7 @@
 	--vkui--color_panel_header_icon: #447BBA;
 	--vkui--color_panel_header_icon--hover: #4177B5;
 	--vkui--color_panel_header_icon--active: #3F72B0;
-	--vkui--color_segmented_control: #FFFFFF;
+	--vkui--color_segmented_control: #ffffff;
 	--vkui--color_segmented_control--hover: #F5F5F7;
 	--vkui--color_segmented_control--active: #EBECEF;
 	--vkui--color_transparent: transparent;