@vkontakte/vkui-tokens 4.77.0 → 4.78.1

package/themes/legoIOSDark/index.scss

@@ -143,9 +143,9 @@ $color-background-accent-alternative--active: #60A6F5;
 $color-background: #000000;
 $color-background--hover: #0A0A0A;
 $color-background--active: #141414;
-$color-background-content: #19191a;
-$color-background-content--hover: #222223;
-$color-background-content--active: #2B2B2C;
+$color-background-content: #000000;
+$color-background-content--hover: #0A0A0A;
+$color-background-content--active: #141414;
 $color-background-content-alpha: rgba(25, 25, 26, 0.8);
 $color-background-content-alpha--hover: rgba(25, 25, 26, 0.84);
 $color-background-content-alpha--active: rgba(25, 25, 26, 0.88);
@@ -191,9 +191,9 @@ $color-background-positive-tint--active: #384736;
 $color-background-warning: #483416;
 $color-background-warning--hover: #4F3C1F;
 $color-background-warning--active: #574429;
-$color-background-negative: #fe3c60;
-$color-background-negative--hover: #FE4466;
-$color-background-negative--active: #FE4C6D;
+$color-background-negative: #FD6571;
+$color-background-negative--hover: #FD6B77;
+$color-background-negative--active: #FD717C;
 $color-background-negative-tint: #4b2727;
 $color-background-negative-tint--hover: #523030;
 $color-background-negative-tint--active: #593838;
@@ -242,9 +242,9 @@ $color-text-contrast-themed--active: #4B4B4B;
 $color-text-positive: #34c759;
 $color-text-positive--hover: #3CC960;
 $color-text-positive--active: #44CB66;
-$color-text-negative: #fe3c60;
-$color-text-negative--hover: #FE4466;
-$color-text-negative--active: #FE4C6D;
+$color-text-negative: #FD6571;
+$color-text-negative--hover: #FD6B77;
+$color-text-negative--active: #FD717C;
 $color-text-link: #2e90ff;
 $color-text-link--hover: #3694FF;
 $color-text-link--active: #3F99FF;
@@ -308,9 +308,9 @@ $color-icon-positive--active: #44CB66;
 $color-icon-warning: #ff6900;
 $color-icon-warning--hover: #FF6F0A;
 $color-icon-warning--active: #FF7514;
-$color-icon-negative: #fe3c60;
-$color-icon-negative--hover: #FE4466;
-$color-icon-negative--active: #FE4C6D;
+$color-icon-negative: #FD6571;
+$color-icon-negative--hover: #FD6B77;
+$color-icon-negative--active: #FD717C;
 $color-stroke-accent: #529ef4;
 $color-stroke-accent--hover: #59A2F4;
 $color-stroke-accent--active: #60A6F5;
@@ -335,9 +335,9 @@ $color-separator-secondary--active: #272728;
 $color-stroke-positive: #34c759;
 $color-stroke-positive--hover: #3CC960;
 $color-stroke-positive--active: #44CB66;
-$color-stroke-negative: #fe3c60;
-$color-stroke-negative--hover: #FE4466;
-$color-stroke-negative--active: #FE4C6D;
+$color-stroke-negative: #FD6571;
+$color-stroke-negative--hover: #FD6B77;
+$color-stroke-negative--active: #FD717C;
 $color-stroke-contrast: #FFFFFF;
 $color-stroke-contrast--hover: #EBEDF0;
 $color-stroke-contrast--active: #D7D8DB;
@@ -347,9 +347,9 @@ $color-stroke-primary--active: #E3E5E8;
 $color-image-border-alpha: #ffffff3d;
 $color-image-border-alpha--hover: rgba(255, 255, 255, 0.28);
 $color-image-border-alpha--active: rgba(255, 255, 255, 0.32);
-$color-field-border-alpha: #ffffff0f;
-$color-field-border-alpha--hover: rgba(255, 255, 255, 0.1);
-$color-field-border-alpha--active: rgba(255, 255, 255, 0.14);
+$color-field-border-alpha: #FFFFFF0F;
+$color-field-border-alpha--hover: #33333329;
+$color-field-border-alpha--active: #33333333;
 $color-accent-blue: #2e90ff;
 $color-accent-blue--hover: #3694FF;
 $color-accent-blue--active: #3F99FF;
@@ -467,6 +467,9 @@ $color-transparent--active: rgba(0, 0, 0, 0.08);
 $color-background-inverse: #FFFFFF;
 $color-background-inverse--hover: #EBEDF0;
 $color-background-inverse--active: #D7D8DB;
+$color-stroke-contrast-secondary-alpha: #ffffff1f;
+$color-stroke-contrast-secondary-alpha--hover: rgba(255, 255, 255, 0.16);
+$color-stroke-contrast-secondary-alpha--active: rgba(255, 255, 255, 0.2);
 
 
 @mixin font-display-title1--regular() {
@@ -537,14 +540,14 @@ $font-display-title4--regular--map: (
 );
 @mixin font-title1--regular() {
 	font-size: 31px;
-	line-height: 30.8px;
+	line-height: 31px;
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 	letter-spacing: -0.65px;
 }
 $font-title1--regular--map: (
 	'fontSize': 31px,
-	'lineHeight': 30.8px,
+	'lineHeight': 31px,
 	'fontFamily': ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 700,
 	'letterSpacing': -0.65px,
@@ -566,26 +569,26 @@ $font-title2--regular--map: (
 );
 @mixin font-title3--regular() {
 	font-size: 21.5px;
-	line-height: 22.85px;
+	line-height: 23px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 }
 $font-title3--regular--map: (
 	'fontSize': 21.5px,
-	'lineHeight': 22.85px,
+	'lineHeight': 23px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 700,
 	'fontVariationSettings.opticalSize': 23.8,
 );
 @mixin font-headline1--regular() {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
 $font-headline1--regular--map: (
 	'fontSize': 17px,
-	'lineHeight': 19.84px,
+	'lineHeight': 20px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.1,
@@ -598,7 +601,7 @@ $font-headline1--regular--map: (
 }
 $font-headline1--regular--map: (
 	'fontSize': 17px,
-	'lineHeight': 19.84px,
+	'lineHeight': 20px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.1,
@@ -642,13 +645,13 @@ $font-headline2--compact--map: (
 );
 @mixin font-text--regular() {
 	font-size: 16px;
-	line-height: 18.39px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
 $font-text--regular--map: (
 	'fontSize': 16px,
-	'lineHeight': 18.39px,
+	'lineHeight': 18.5px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.8,
@@ -661,7 +664,7 @@ $font-text--regular--map: (
 }
 $font-text--regular--map: (
 	'fontSize': 16px,
-	'lineHeight': 18.39px,
+	'lineHeight': 18.5px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.8,
@@ -675,13 +678,13 @@ $font-text--compact--map: (
 );
 @mixin font-paragraph--regular() {
 	font-size: 15px;
-	line-height: 18.31px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 580;
 }
 $font-paragraph--regular--map: (
 	'fontSize': 15px,
-	'lineHeight': 18.31px,
+	'lineHeight': 18.5px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 580,
 	'fontVariationSettings.opticalSize': 21.5,
@@ -718,13 +721,13 @@ $font-subhead--compact--map: (
 );
 @mixin font-footnote--regular() {
 	font-size: 13.5px;
-	line-height: 14.9px;
+	line-height: 15px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
 $font-footnote--regular--map: (
 	'fontSize': 13.5px,
-	'lineHeight': 14.9px,
+	'lineHeight': 15px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 22.2,
@@ -823,46 +826,46 @@ $font-caption3-caps--regular--map: (
 );
 @mixin font-label1--regular() {
 	font-size: 19px;
-	line-height: 19.87px;
+	line-height: 20px;
 	font-weight: 700;
 }
 $font-label1--regular--map: (
 	'fontSize': 19px,
-	'lineHeight': 19.87px,
+	'lineHeight': 20px,
 	'fontWeight': 700,
 	'fontVariationSettings.opticalSize': 22,
 );
 @mixin font-label2--regular() {
 	font-size: 18px;
-	line-height: 20.82px;
+	line-height: 21px;
 	font-weight: 600;
 }
 $font-label2--regular--map: (
 	'fontSize': 18px,
-	'lineHeight': 20.82px,
+	'lineHeight': 21px,
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.8,
 );
 @mixin font-body--regular() {
 	font-size: 16.5px;
-	line-height: 21.24px;
+	line-height: 21px;
 	font-weight: 520;
 }
 $font-body--regular--map: (
 	'fontSize': 16.5px,
-	'lineHeight': 21.24px,
+	'lineHeight': 21px,
 	'fontWeight': 520,
 	'fontVariationSettings.opticalSize': 21.5,
 );
 @mixin font-headline--regular() {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
 $font-headline--regular--map: (
 	'fontSize': 17px,
-	'lineHeight': 19.84px,
+	'lineHeight': 20px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.1,
@@ -875,7 +878,7 @@ $font-headline--regular--map: (
 }
 $font-headline--regular--map: (
 	'fontSize': 17px,
-	'lineHeight': 19.84px,
+	'lineHeight': 20px,
 	'fontFamily': "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif",
 	'fontWeight': 600,
 	'fontVariationSettings.opticalSize': 21.1,

package/themes/legoIOSDark/index.styl

@@ -143,9 +143,9 @@ $color-background-accent-alternative--active = #60A6F5;
 $color-background = #000000;
 $color-background--hover = #0A0A0A;
 $color-background--active = #141414;
-$color-background-content = #19191a;
-$color-background-content--hover = #222223;
-$color-background-content--active = #2B2B2C;
+$color-background-content = #000000;
+$color-background-content--hover = #0A0A0A;
+$color-background-content--active = #141414;
 $color-background-content-alpha = rgba(25, 25, 26, 0.8);
 $color-background-content-alpha--hover = rgba(25, 25, 26, 0.84);
 $color-background-content-alpha--active = rgba(25, 25, 26, 0.88);
@@ -191,9 +191,9 @@ $color-background-positive-tint--active = #384736;
 $color-background-warning = #483416;
 $color-background-warning--hover = #4F3C1F;
 $color-background-warning--active = #574429;
-$color-background-negative = #fe3c60;
-$color-background-negative--hover = #FE4466;
-$color-background-negative--active = #FE4C6D;
+$color-background-negative = #FD6571;
+$color-background-negative--hover = #FD6B77;
+$color-background-negative--active = #FD717C;
 $color-background-negative-tint = #4b2727;
 $color-background-negative-tint--hover = #523030;
 $color-background-negative-tint--active = #593838;
@@ -242,9 +242,9 @@ $color-text-contrast-themed--active = #4B4B4B;
 $color-text-positive = #34c759;
 $color-text-positive--hover = #3CC960;
 $color-text-positive--active = #44CB66;
-$color-text-negative = #fe3c60;
-$color-text-negative--hover = #FE4466;
-$color-text-negative--active = #FE4C6D;
+$color-text-negative = #FD6571;
+$color-text-negative--hover = #FD6B77;
+$color-text-negative--active = #FD717C;
 $color-text-link = #2e90ff;
 $color-text-link--hover = #3694FF;
 $color-text-link--active = #3F99FF;
@@ -308,9 +308,9 @@ $color-icon-positive--active = #44CB66;
 $color-icon-warning = #ff6900;
 $color-icon-warning--hover = #FF6F0A;
 $color-icon-warning--active = #FF7514;
-$color-icon-negative = #fe3c60;
-$color-icon-negative--hover = #FE4466;
-$color-icon-negative--active = #FE4C6D;
+$color-icon-negative = #FD6571;
+$color-icon-negative--hover = #FD6B77;
+$color-icon-negative--active = #FD717C;
 $color-stroke-accent = #529ef4;
 $color-stroke-accent--hover = #59A2F4;
 $color-stroke-accent--active = #60A6F5;
@@ -335,9 +335,9 @@ $color-separator-secondary--active = #272728;
 $color-stroke-positive = #34c759;
 $color-stroke-positive--hover = #3CC960;
 $color-stroke-positive--active = #44CB66;
-$color-stroke-negative = #fe3c60;
-$color-stroke-negative--hover = #FE4466;
-$color-stroke-negative--active = #FE4C6D;
+$color-stroke-negative = #FD6571;
+$color-stroke-negative--hover = #FD6B77;
+$color-stroke-negative--active = #FD717C;
 $color-stroke-contrast = #FFFFFF;
 $color-stroke-contrast--hover = #EBEDF0;
 $color-stroke-contrast--active = #D7D8DB;
@@ -347,9 +347,9 @@ $color-stroke-primary--active = #E3E5E8;
 $color-image-border-alpha = #ffffff3d;
 $color-image-border-alpha--hover = rgba(255, 255, 255, 0.28);
 $color-image-border-alpha--active = rgba(255, 255, 255, 0.32);
-$color-field-border-alpha = #ffffff0f;
-$color-field-border-alpha--hover = rgba(255, 255, 255, 0.1);
-$color-field-border-alpha--active = rgba(255, 255, 255, 0.14);
+$color-field-border-alpha = #FFFFFF0F;
+$color-field-border-alpha--hover = #33333329;
+$color-field-border-alpha--active = #33333333;
 $color-accent-blue = #2e90ff;
 $color-accent-blue--hover = #3694FF;
 $color-accent-blue--active = #3F99FF;
@@ -467,6 +467,9 @@ $color-transparent--active = rgba(0, 0, 0, 0.08);
 $color-background-inverse = #FFFFFF;
 $color-background-inverse--hover = #EBEDF0;
 $color-background-inverse--active = #D7D8DB;
+$color-stroke-contrast-secondary-alpha = #ffffff1f;
+$color-stroke-contrast-secondary-alpha--hover = rgba(255, 255, 255, 0.16);
+$color-stroke-contrast-secondary-alpha--active = rgba(255, 255, 255, 0.2);
 
 
 font-display-title1--regular() {
@@ -501,7 +504,7 @@ font-display-title4--regular() {
 }
 font-title1--regular() {
 	font-size: 31px;
-	line-height: 30.8px;
+	line-height: 31px;
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 	letter-spacing: -0.65px;
@@ -515,13 +518,13 @@ font-title2--regular() {
 }
 font-title3--regular() {
 	font-size: 21.5px;
-	line-height: 22.85px;
+	line-height: 23px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
 }
 font-headline1--regular() {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -545,7 +548,7 @@ font-headline2--compact() {
 }
 font-text--regular() {
 	font-size: 16px;
-	line-height: 18.39px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -557,7 +560,7 @@ font-text--compact() {
 }
 font-paragraph--regular() {
 	font-size: 15px;
-	line-height: 18.31px;
+	line-height: 18.5px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 580;
 }
@@ -575,7 +578,7 @@ font-subhead--compact() {
 }
 font-footnote--regular() {
 	font-size: 13.5px;
-	line-height: 14.9px;
+	line-height: 15px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }
@@ -627,22 +630,22 @@ font-caption3-caps--regular() {
 }
 font-label1--regular() {
 	font-size: 19px;
-	line-height: 19.87px;
+	line-height: 20px;
 	font-weight: 700;
 }
 font-label2--regular() {
 	font-size: 18px;
-	line-height: 20.82px;
+	line-height: 21px;
 	font-weight: 600;
 }
 font-body--regular() {
 	font-size: 16.5px;
-	line-height: 21.24px;
+	line-height: 21px;
 	font-weight: 520;
 }
 font-headline--regular() {
 	font-size: 17px;
-	line-height: 19.84px;
+	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
 }

package/themes/legoIOSDark/struct.json

@@ -200,7 +200,7 @@
 		"fontTitle1": {
 			"regular": {
 				"fontSize": 31,
-				"lineHeight": 30.8,
+				"lineHeight": 31,
 				"fontFamily": "\"VK Sans Display\", -apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 700,
 				"letterSpacing": "-0.65px"
@@ -221,7 +221,7 @@
 		"fontTitle3": {
 			"regular": {
 				"fontSize": 21.5,
-				"lineHeight": 22.85,
+				"lineHeight": 23,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 700,
 				"fontVariationSettings": {
@@ -232,7 +232,7 @@
 		"fontHeadline1": {
 			"regular": {
 				"fontSize": 17,
-				"lineHeight": 19.84,
+				"lineHeight": 20,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
 				"fontVariationSettings": {
@@ -259,7 +259,7 @@
 		"fontText": {
 			"regular": {
 				"fontSize": 16,
-				"lineHeight": 18.39,
+				"lineHeight": 18.5,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
 				"fontVariationSettings": {
@@ -274,7 +274,7 @@
 		"fontParagraph": {
 			"regular": {
 				"fontSize": 15,
-				"lineHeight": 18.31,
+				"lineHeight": 18.5,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 580,
 				"fontVariationSettings": {
@@ -297,7 +297,7 @@
 		"fontFootnote": {
 			"regular": {
 				"fontSize": 13.5,
-				"lineHeight": 14.9,
+				"lineHeight": 15,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
 				"fontVariationSettings": {
@@ -368,7 +368,7 @@
 		"fontLabel1": {
 			"regular": {
 				"fontSize": 19,
-				"lineHeight": 19.87,
+				"lineHeight": 20,
 				"fontWeight": 700,
 				"fontVariationSettings": {
 					"opticalSize": 22
@@ -378,7 +378,7 @@
 		"fontLabel2": {
 			"regular": {
 				"fontSize": 18,
-				"lineHeight": 20.82,
+				"lineHeight": 21,
 				"fontWeight": 600,
 				"fontVariationSettings": {
 					"opticalSize": 21.8
@@ -388,7 +388,7 @@
 		"fontBody": {
 			"regular": {
 				"fontSize": 16.5,
-				"lineHeight": 21.24,
+				"lineHeight": 21,
 				"fontWeight": 520,
 				"fontVariationSettings": {
 					"opticalSize": 21.5
@@ -398,7 +398,7 @@
 		"fontHeadline": {
 			"regular": {
 				"fontSize": 17,
-				"lineHeight": 19.84,
+				"lineHeight": 20,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
 				"fontVariationSettings": {
@@ -700,9 +700,9 @@
 			"active": "#141414"
 		},
 		"colorBackgroundContent": {
-			"normal": "#19191a",
-			"hover": "#222223",
-			"active": "#2B2B2C"
+			"normal": "#000000",
+			"hover": "#0A0A0A",
+			"active": "#141414"
 		},
 		"colorBackgroundContentAlpha": {
 			"normal": "rgba(25, 25, 26, 0.8)",
@@ -780,9 +780,9 @@
 			"active": "#574429"
 		},
 		"colorBackgroundNegative": {
-			"normal": "#fe3c60",
-			"hover": "#FE4466",
-			"active": "#FE4C6D"
+			"normal": "#FD6571",
+			"hover": "#FD6B77",
+			"active": "#FD717C"
 		},
 		"colorBackgroundNegativeTint": {
 			"normal": "#4b2727",
@@ -865,9 +865,9 @@
 			"active": "#44CB66"
 		},
 		"colorTextNegative": {
-			"normal": "#fe3c60",
-			"hover": "#FE4466",
-			"active": "#FE4C6D"
+			"normal": "#FD6571",
+			"hover": "#FD6B77",
+			"active": "#FD717C"
 		},
 		"colorTextLink": {
 			"normal": "#2e90ff",
@@ -975,9 +975,9 @@
 			"active": "#FF7514"
 		},
 		"colorIconNegative": {
-			"normal": "#fe3c60",
-			"hover": "#FE4466",
-			"active": "#FE4C6D"
+			"normal": "#FD6571",
+			"hover": "#FD6B77",
+			"active": "#FD717C"
 		},
 		"colorStrokeAccent": {
 			"normal": "#529ef4",
@@ -1020,9 +1020,9 @@
 			"active": "#44CB66"
 		},
 		"colorStrokeNegative": {
-			"normal": "#fe3c60",
-			"hover": "#FE4466",
-			"active": "#FE4C6D"
+			"normal": "#FD6571",
+			"hover": "#FD6B77",
+			"active": "#FD717C"
 		},
 		"colorStrokeContrast": {
 			"normal": "#FFFFFF",
@@ -1040,9 +1040,9 @@
 			"active": "rgba(255, 255, 255, 0.32)"
 		},
 		"colorFieldBorderAlpha": {
-			"normal": "#ffffff0f",
-			"hover": "rgba(255, 255, 255, 0.1)",
-			"active": "rgba(255, 255, 255, 0.14)"
+			"normal": "#FFFFFF0F",
+			"hover": "#33333329",
+			"active": "#33333333"
 		},
 		"colorAccentBlue": {
 			"normal": "#2e90ff",
@@ -1238,6 +1238,11 @@
 			"normal": "#FFFFFF",
 			"hover": "#EBEDF0",
 			"active": "#D7D8DB"
+		},
+		"colorStrokeContrastSecondaryAlpha": {
+			"normal": "#ffffff1f",
+			"hover": "rgba(255, 255, 255, 0.16)",
+			"active": "rgba(255, 255, 255, 0.2)"
 		}
 	}
 }

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

@@ -617,6 +617,12 @@
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
 	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
+	--vkui--color_background_inverse: #0A0A0A;
+	--vkui--color_background_inverse--hover: #0A0A0C;
+	--vkui--color_background_inverse--active: #090A0E;
+	--vkui--color_stroke_contrast_secondary_alpha: rgba(1, 1, 1, 0.12);
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(1, 1, 1, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(1, 1, 1, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);

package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css

@@ -406,6 +406,12 @@
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
 	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
+	--vkui--color_background_inverse: #0A0A0A;
+	--vkui--color_background_inverse--hover: #0A0A0C;
+	--vkui--color_background_inverse--active: #090A0E;
+	--vkui--color_stroke_contrast_secondary_alpha: rgba(1, 1, 1, 0.12);
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(1, 1, 1, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(1, 1, 1, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);

package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css

@@ -338,6 +338,12 @@
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
 	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
+	--vkui--color_background_inverse: #0A0A0A;
+	--vkui--color_background_inverse--hover: #0A0A0C;
+	--vkui--color_background_inverse--active: #090A0E;
+	--vkui--color_stroke_contrast_secondary_alpha: rgba(1, 1, 1, 0.12);
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(1, 1, 1, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(1, 1, 1, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);