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

package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css

@@ -543,6 +543,9 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #0CBB66;
 	--vkui--color_text_positive--active: #0CB465;
+	--vkui--color_text_button: #005FF9;
+	--vkui--color_text_button--hover: #005CF1;
+	--vkui--color_text_button--active: #0059EA;
 	--vkui--color_icon_accent: #005FF9;
 	--vkui--color_icon_accent--hover: #005CF1;
 	--vkui--color_icon_accent--active: #0059EA;
@@ -588,6 +591,9 @@
 	--vkui--color_icon_contrast_secondary: #F2F3F5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
+	--vkui--color_icon_button: #005FF9;
+	--vkui--color_icon_button--hover: #005CF1;
+	--vkui--color_icon_button--active: #0059EA;
 	--vkui--color_stroke_accent: #005FF9;
 	--vkui--color_stroke_accent--hover: #005CF1;
 	--vkui--color_stroke_accent--active: #0059EA;
@@ -624,6 +630,9 @@
 	--vkui--color_separator_primary3x: #BFC3CA;
 	--vkui--color_separator_primary3x--hover: #B7BCC4;
 	--vkui--color_separator_primary3x--active: #B0B5BF;
+	--vkui--color_stroke_button: #005FF9;
+	--vkui--color_stroke_button--hover: #005CF1;
+	--vkui--color_stroke_button--active: #0059EA;
 	--vkui--color_accent_blue: #005FF9;
 	--vkui--color_accent_blue--hover: #005CF1;
 	--vkui--color_accent_blue--active: #0059EA;

package/themes/media/cssVars/theme/fallbacks/index.css

@@ -543,6 +543,9 @@
 	--var(--vkui--prefix, vkui)--color_text_positive: var(--vkui--color_text_positive, #0DC268);
 	--var(--vkui--prefix, vkui)--color_text_positive--hover: var(--vkui--color_text_positive--hover, #0CBB66);
 	--var(--vkui--prefix, vkui)--color_text_positive--active: var(--vkui--color_text_positive--active, #0CB465);
+	--var(--vkui--prefix, vkui)--color_text_button: var(--vkui--color_text_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color_text_button--hover: var(--vkui--color_text_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color_text_button--active: var(--vkui--color_text_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color_icon_accent: var(--vkui--color_icon_accent, #005FF9);
 	--var(--vkui--prefix, vkui)--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color_icon_accent--active: var(--vkui--color_icon_accent--active, #0059EA);
@@ -588,6 +591,9 @@
 	--var(--vkui--prefix, vkui)--color_icon_contrast_secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 	--var(--vkui--prefix, vkui)--color_icon_contrast_secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE);
 	--var(--vkui--prefix, vkui)--color_icon_contrast_secondary--active: var(--vkui--color_icon_contrast_secondary--active, #DFE1E6);
+	--var(--vkui--prefix, vkui)--color_icon_button: var(--vkui--color_icon_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color_icon_button--hover: var(--vkui--color_icon_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color_icon_button--active: var(--vkui--color_icon_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color_stroke_accent: var(--vkui--color_stroke_accent, #005FF9);
 	--var(--vkui--prefix, vkui)--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #0059EA);
@@ -624,6 +630,9 @@
 	--var(--vkui--prefix, vkui)--color_separator_primary3x: var(--vkui--color_separator_primary3x, #BFC3CA);
 	--var(--vkui--prefix, vkui)--color_separator_primary3x--hover: var(--vkui--color_separator_primary3x--hover, #B7BCC4);
 	--var(--vkui--prefix, vkui)--color_separator_primary3x--active: var(--vkui--color_separator_primary3x--active, #B0B5BF);
+	--var(--vkui--prefix, vkui)--color_stroke_button: var(--vkui--color_stroke_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color_stroke_button--hover: var(--vkui--color_stroke_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color_stroke_button--active: var(--vkui--color_stroke_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color_accent_blue: var(--vkui--color_accent_blue, #005FF9);
 	--var(--vkui--prefix, vkui)--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color_accent_blue--active: var(--vkui--color_accent_blue--active, #0059EA);

package/themes/media/cssVars/theme/fallbacks/index.less

@@ -339,6 +339,9 @@
 @var(--vkui--prefix, vkui)-color-text-positive: var(--vkui--color_text_positive, #0DC268);
 @var(--vkui--prefix, vkui)-color-text-positive--hover: var(--vkui--color_text_positive--hover, #0CBB66);
 @var(--vkui--prefix, vkui)-color-text-positive--active: var(--vkui--color_text_positive--active, #0CB465);
+@var(--vkui--prefix, vkui)-color-text-button: var(--vkui--color_text_button, #005FF9);
+@var(--vkui--prefix, vkui)-color-text-button--hover: var(--vkui--color_text_button--hover, #005CF1);
+@var(--vkui--prefix, vkui)-color-text-button--active: var(--vkui--color_text_button--active, #0059EA);
 @var(--vkui--prefix, vkui)-color-icon-accent: var(--vkui--color_icon_accent, #005FF9);
 @var(--vkui--prefix, vkui)-color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #005CF1);
 @var(--vkui--prefix, vkui)-color-icon-accent--active: var(--vkui--color_icon_accent--active, #0059EA);
@@ -384,6 +387,9 @@
 @var(--vkui--prefix, vkui)-color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 @var(--vkui--prefix, vkui)-color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE);
 @var(--vkui--prefix, vkui)-color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #DFE1E6);
+@var(--vkui--prefix, vkui)-color-icon-button: var(--vkui--color_icon_button, #005FF9);
+@var(--vkui--prefix, vkui)-color-icon-button--hover: var(--vkui--color_icon_button--hover, #005CF1);
+@var(--vkui--prefix, vkui)-color-icon-button--active: var(--vkui--color_icon_button--active, #0059EA);
 @var(--vkui--prefix, vkui)-color-stroke-accent: var(--vkui--color_stroke_accent, #005FF9);
 @var(--vkui--prefix, vkui)-color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #005CF1);
 @var(--vkui--prefix, vkui)-color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #0059EA);
@@ -420,6 +426,9 @@
 @var(--vkui--prefix, vkui)-color-separator-primary3x: var(--vkui--color_separator_primary3x, #BFC3CA);
 @var(--vkui--prefix, vkui)-color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #B7BCC4);
 @var(--vkui--prefix, vkui)-color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #B0B5BF);
+@var(--vkui--prefix, vkui)-color-stroke-button: var(--vkui--color_stroke_button, #005FF9);
+@var(--vkui--prefix, vkui)-color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #005CF1);
+@var(--vkui--prefix, vkui)-color-stroke-button--active: var(--vkui--color_stroke_button--active, #0059EA);
 @var(--vkui--prefix, vkui)-color-accent-blue: var(--vkui--color_accent_blue, #005FF9);
 @var(--vkui--prefix, vkui)-color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #005CF1);
 @var(--vkui--prefix, vkui)-color-accent-blue--active: var(--vkui--color_accent_blue--active, #0059EA);

package/themes/media/cssVars/theme/fallbacks/index.pcss

@@ -340,6 +340,9 @@
 	--var(--vkui--prefix, vkui)--color-text-positive: var(--vkui--color_text_positive, #0DC268);
 	--var(--vkui--prefix, vkui)--color-text-positive--hover: var(--vkui--color_text_positive--hover, #0CBB66);
 	--var(--vkui--prefix, vkui)--color-text-positive--active: var(--vkui--color_text_positive--active, #0CB465);
+	--var(--vkui--prefix, vkui)--color-text-button: var(--vkui--color_text_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color-text-button--hover: var(--vkui--color_text_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color-text-button--active: var(--vkui--color_text_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color-icon-accent: var(--vkui--color_icon_accent, #005FF9);
 	--var(--vkui--prefix, vkui)--color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color-icon-accent--active: var(--vkui--color_icon_accent--active, #0059EA);
@@ -385,6 +388,9 @@
 	--var(--vkui--prefix, vkui)--color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 	--var(--vkui--prefix, vkui)--color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE);
 	--var(--vkui--prefix, vkui)--color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #DFE1E6);
+	--var(--vkui--prefix, vkui)--color-icon-button: var(--vkui--color_icon_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color-icon-button--hover: var(--vkui--color_icon_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color-icon-button--active: var(--vkui--color_icon_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color-stroke-accent: var(--vkui--color_stroke_accent, #005FF9);
 	--var(--vkui--prefix, vkui)--color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #0059EA);
@@ -421,6 +427,9 @@
 	--var(--vkui--prefix, vkui)--color-separator-primary3x: var(--vkui--color_separator_primary3x, #BFC3CA);
 	--var(--vkui--prefix, vkui)--color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #B7BCC4);
 	--var(--vkui--prefix, vkui)--color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #B0B5BF);
+	--var(--vkui--prefix, vkui)--color-stroke-button: var(--vkui--color_stroke_button, #005FF9);
+	--var(--vkui--prefix, vkui)--color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #005CF1);
+	--var(--vkui--prefix, vkui)--color-stroke-button--active: var(--vkui--color_stroke_button--active, #0059EA);
 	--var(--vkui--prefix, vkui)--color-accent-blue: var(--vkui--color_accent_blue, #005FF9);
 	--var(--vkui--prefix, vkui)--color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #005CF1);
 	--var(--vkui--prefix, vkui)--color-accent-blue--active: var(--vkui--color_accent_blue--active, #0059EA);

package/themes/media/cssVars/theme/fallbacks/index.scss

@@ -339,6 +339,9 @@ $var(--vkui--prefix, vkui)-color-link-contrast--active: var(--vkui--color_link_c
 $var(--vkui--prefix, vkui)-color-text-positive: var(--vkui--color_text_positive, #0DC268);
 $var(--vkui--prefix, vkui)-color-text-positive--hover: var(--vkui--color_text_positive--hover, #0CBB66);
 $var(--vkui--prefix, vkui)-color-text-positive--active: var(--vkui--color_text_positive--active, #0CB465);
+$var(--vkui--prefix, vkui)-color-text-button: var(--vkui--color_text_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-text-button--hover: var(--vkui--color_text_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-text-button--active: var(--vkui--color_text_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-icon-accent: var(--vkui--color_icon_accent, #005FF9);
 $var(--vkui--prefix, vkui)-color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-icon-accent--active: var(--vkui--color_icon_accent--active, #0059EA);
@@ -384,6 +387,9 @@ $var(--vkui--prefix, vkui)-color-icon-positive--active: var(--vkui--color_icon_p
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE);
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #DFE1E6);
+$var(--vkui--prefix, vkui)-color-icon-button: var(--vkui--color_icon_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-icon-button--hover: var(--vkui--color_icon_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-icon-button--active: var(--vkui--color_icon_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-stroke-accent: var(--vkui--color_stroke_accent, #005FF9);
 $var(--vkui--prefix, vkui)-color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #0059EA);
@@ -420,6 +426,9 @@ $var(--vkui--prefix, vkui)-color-separator-primary2x--active: var(--vkui--color_
 $var(--vkui--prefix, vkui)-color-separator-primary3x: var(--vkui--color_separator_primary3x, #BFC3CA);
 $var(--vkui--prefix, vkui)-color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #B7BCC4);
 $var(--vkui--prefix, vkui)-color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #B0B5BF);
+$var(--vkui--prefix, vkui)-color-stroke-button: var(--vkui--color_stroke_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-stroke-button--active: var(--vkui--color_stroke_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-accent-blue: var(--vkui--color_accent_blue, #005FF9);
 $var(--vkui--prefix, vkui)-color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-accent-blue--active: var(--vkui--color_accent_blue--active, #0059EA);

package/themes/media/cssVars/theme/fallbacks/index.styl

@@ -339,6 +339,9 @@ $var(--vkui--prefix, vkui)-color-link-contrast--active = var(--vkui--color_link_
 $var(--vkui--prefix, vkui)-color-text-positive = var(--vkui--color_text_positive, #0DC268);
 $var(--vkui--prefix, vkui)-color-text-positive--hover = var(--vkui--color_text_positive--hover, #0CBB66);
 $var(--vkui--prefix, vkui)-color-text-positive--active = var(--vkui--color_text_positive--active, #0CB465);
+$var(--vkui--prefix, vkui)-color-text-button = var(--vkui--color_text_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-text-button--hover = var(--vkui--color_text_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-text-button--active = var(--vkui--color_text_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-icon-accent = var(--vkui--color_icon_accent, #005FF9);
 $var(--vkui--prefix, vkui)-color-icon-accent--hover = var(--vkui--color_icon_accent--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-icon-accent--active = var(--vkui--color_icon_accent--active, #0059EA);
@@ -384,6 +387,9 @@ $var(--vkui--prefix, vkui)-color-icon-positive--active = var(--vkui--color_icon_
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary = var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary--hover = var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE);
 $var(--vkui--prefix, vkui)-color-icon-contrast-secondary--active = var(--vkui--color_icon_contrast_secondary--active, #DFE1E6);
+$var(--vkui--prefix, vkui)-color-icon-button = var(--vkui--color_icon_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-icon-button--hover = var(--vkui--color_icon_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-icon-button--active = var(--vkui--color_icon_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-stroke-accent = var(--vkui--color_stroke_accent, #005FF9);
 $var(--vkui--prefix, vkui)-color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #0059EA);
@@ -420,6 +426,9 @@ $var(--vkui--prefix, vkui)-color-separator-primary2x--active = var(--vkui--color
 $var(--vkui--prefix, vkui)-color-separator-primary3x = var(--vkui--color_separator_primary3x, #BFC3CA);
 $var(--vkui--prefix, vkui)-color-separator-primary3x--hover = var(--vkui--color_separator_primary3x--hover, #B7BCC4);
 $var(--vkui--prefix, vkui)-color-separator-primary3x--active = var(--vkui--color_separator_primary3x--active, #B0B5BF);
+$var(--vkui--prefix, vkui)-color-stroke-button = var(--vkui--color_stroke_button, #005FF9);
+$var(--vkui--prefix, vkui)-color-stroke-button--hover = var(--vkui--color_stroke_button--hover, #005CF1);
+$var(--vkui--prefix, vkui)-color-stroke-button--active = var(--vkui--color_stroke_button--active, #0059EA);
 $var(--vkui--prefix, vkui)-color-accent-blue = var(--vkui--color_accent_blue, #005FF9);
 $var(--vkui--prefix, vkui)-color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #005CF1);
 $var(--vkui--prefix, vkui)-color-accent-blue--active = var(--vkui--color_accent_blue--active, #0059EA);

package/themes/media/cssVars/theme/index.js

@@ -3821,6 +3821,20 @@ var theme = {
             "value": "var(--vkui--color_text_positive--active, #0CB465)"
         }
     },
+    "colorTextButton": {
+        "normal": {
+            "name": "--vkui--color_text_button",
+            "value": "var(--vkui--color_text_button, #005FF9)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_button--hover",
+            "value": "var(--vkui--color_text_button--hover, #005CF1)"
+        },
+        "active": {
+            "name": "--vkui--color_text_button--active",
+            "value": "var(--vkui--color_text_button--active, #0059EA)"
+        }
+    },
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
@@ -4031,6 +4045,20 @@ var theme = {
             "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)"
         }
     },
+    "colorIconButton": {
+        "normal": {
+            "name": "--vkui--color_icon_button",
+            "value": "var(--vkui--color_icon_button, #005FF9)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_button--hover",
+            "value": "var(--vkui--color_icon_button--hover, #005CF1)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_button--active",
+            "value": "var(--vkui--color_icon_button--active, #0059EA)"
+        }
+    },
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
@@ -4199,6 +4227,20 @@ var theme = {
             "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)"
         }
     },
+    "colorStrokeButton": {
+        "normal": {
+            "name": "--vkui--color_stroke_button",
+            "value": "var(--vkui--color_stroke_button, #005FF9)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_button--hover",
+            "value": "var(--vkui--color_stroke_button--hover, #005CF1)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_button--active",
+            "value": "var(--vkui--color_stroke_button--active, #0059EA)"
+        }
+    },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",

package/themes/media/cssVars/theme/index.json

@@ -3819,6 +3819,20 @@
 			"value": "var(--vkui--color_text_positive--active, #0CB465)"
 		}
 	},
+	"colorTextButton": {
+		"normal": {
+			"name": "--vkui--color_text_button",
+			"value": "var(--vkui--color_text_button, #005FF9)"
+		},
+		"hover": {
+			"name": "--vkui--color_text_button--hover",
+			"value": "var(--vkui--color_text_button--hover, #005CF1)"
+		},
+		"active": {
+			"name": "--vkui--color_text_button--active",
+			"value": "var(--vkui--color_text_button--active, #0059EA)"
+		}
+	},
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
@@ -4029,6 +4043,20 @@
 			"value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)"
 		}
 	},
+	"colorIconButton": {
+		"normal": {
+			"name": "--vkui--color_icon_button",
+			"value": "var(--vkui--color_icon_button, #005FF9)"
+		},
+		"hover": {
+			"name": "--vkui--color_icon_button--hover",
+			"value": "var(--vkui--color_icon_button--hover, #005CF1)"
+		},
+		"active": {
+			"name": "--vkui--color_icon_button--active",
+			"value": "var(--vkui--color_icon_button--active, #0059EA)"
+		}
+	},
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
@@ -4197,6 +4225,20 @@
 			"value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)"
 		}
 	},
+	"colorStrokeButton": {
+		"normal": {
+			"name": "--vkui--color_stroke_button",
+			"value": "var(--vkui--color_stroke_button, #005FF9)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_button--hover",
+			"value": "var(--vkui--color_stroke_button--hover, #005CF1)"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_button--active",
+			"value": "var(--vkui--color_stroke_button--active, #0059EA)"
+		}
+	},
 	"colorAccentBlue": {
 		"normal": {
 			"name": "--vkui--color_accent_blue",

package/themes/media/docs.json

@@ -723,6 +723,18 @@
       }
     ]
   },
+  "colorIconButton": {
+    "tags": [
+      "color",
+      "icon"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет иконок для кнопок"
+      }
+    ]
+  },
   "colorIconContrast": {
     "tags": [
       "color",
@@ -1209,6 +1221,18 @@
       }
     ]
   },
+  "colorStrokeButton": {
+    "tags": [
+      "color",
+      "stroke"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет обводки для кнопок"
+      }
+    ]
+  },
   "colorStrokeContrast": {
     "tags": [
       "color",
@@ -1270,6 +1294,17 @@
       }
     ]
   },
+  "colorTextButton": {
+    "tags": [
+      "color"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет текста для кнопок"
+      }
+    ]
+  },
   "colorTextContrast": {
     "tags": [
       "color",

package/themes/media/index.css

@@ -543,6 +543,9 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #0CBB66;
 	--vkui--color_text_positive--active: #0CB465;
+	--vkui--color_text_button: #005FF9;
+	--vkui--color_text_button--hover: #005CF1;
+	--vkui--color_text_button--active: #0059EA;
 	--vkui--color_icon_accent: #005FF9;
 	--vkui--color_icon_accent--hover: #005CF1;
 	--vkui--color_icon_accent--active: #0059EA;
@@ -588,6 +591,9 @@
 	--vkui--color_icon_contrast_secondary: #F2F3F5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
+	--vkui--color_icon_button: #005FF9;
+	--vkui--color_icon_button--hover: #005CF1;
+	--vkui--color_icon_button--active: #0059EA;
 	--vkui--color_stroke_accent: #005FF9;
 	--vkui--color_stroke_accent--hover: #005CF1;
 	--vkui--color_stroke_accent--active: #0059EA;
@@ -624,6 +630,9 @@
 	--vkui--color_separator_primary3x: #BFC3CA;
 	--vkui--color_separator_primary3x--hover: #B7BCC4;
 	--vkui--color_separator_primary3x--active: #B0B5BF;
+	--vkui--color_stroke_button: #005FF9;
+	--vkui--color_stroke_button--hover: #005CF1;
+	--vkui--color_stroke_button--active: #0059EA;
 	--vkui--color_accent_blue: #005FF9;
 	--vkui--color_accent_blue--hover: #005CF1;
 	--vkui--color_accent_blue--active: #0059EA;

package/themes/media/index.js

@@ -1060,6 +1060,11 @@ var theme = {
         "hover": "#0CBB66",
         "active": "#0CB465"
     },
+    "colorTextButton": {
+        "normal": "#005FF9",
+        "hover": "#005CF1",
+        "active": "#0059EA"
+    },
     "colorIconAccent": {
         "normal": "#005FF9",
         "hover": "#005CF1",
@@ -1135,6 +1140,11 @@ var theme = {
         "hover": "#E8EAEE",
         "active": "#DFE1E6"
     },
+    "colorIconButton": {
+        "normal": "#005FF9",
+        "hover": "#005CF1",
+        "active": "#0059EA"
+    },
     "colorStrokeAccent": {
         "normal": "#005FF9",
         "hover": "#005CF1",
@@ -1195,6 +1205,11 @@ var theme = {
         "hover": "#B7BCC4",
         "active": "#B0B5BF"
     },
+    "colorStrokeButton": {
+        "normal": "#005FF9",
+        "hover": "#005CF1",
+        "active": "#0059EA"
+    },
     "colorAccentBlue": {
         "normal": "#005FF9",
         "hover": "#005CF1",

package/themes/media/index.json

@@ -1058,6 +1058,11 @@
 		"hover": "#0CBB66",
 		"active": "#0CB465"
 	},
+	"colorTextButton": {
+		"normal": "#005FF9",
+		"hover": "#005CF1",
+		"active": "#0059EA"
+	},
 	"colorIconAccent": {
 		"normal": "#005FF9",
 		"hover": "#005CF1",
@@ -1133,6 +1138,11 @@
 		"hover": "#E8EAEE",
 		"active": "#DFE1E6"
 	},
+	"colorIconButton": {
+		"normal": "#005FF9",
+		"hover": "#005CF1",
+		"active": "#0059EA"
+	},
 	"colorStrokeAccent": {
 		"normal": "#005FF9",
 		"hover": "#005CF1",
@@ -1193,6 +1203,11 @@
 		"hover": "#B7BCC4",
 		"active": "#B0B5BF"
 	},
+	"colorStrokeButton": {
+		"normal": "#005FF9",
+		"hover": "#005CF1",
+		"active": "#0059EA"
+	},
 	"colorAccentBlue": {
 		"normal": "#005FF9",
 		"hover": "#005CF1",

package/themes/media/index.less

@@ -339,6 +339,9 @@
 @vkui-color-text-positive: #0DC268;
 @vkui-color-text-positive--hover: #0CBB66;
 @vkui-color-text-positive--active: #0CB465;
+@vkui-color-text-button: #005FF9;
+@vkui-color-text-button--hover: #005CF1;
+@vkui-color-text-button--active: #0059EA;
 @vkui-color-icon-accent: #005FF9;
 @vkui-color-icon-accent--hover: #005CF1;
 @vkui-color-icon-accent--active: #0059EA;
@@ -384,6 +387,9 @@
 @vkui-color-icon-contrast-secondary: #F2F3F5;
 @vkui-color-icon-contrast-secondary--hover: #E8EAEE;
 @vkui-color-icon-contrast-secondary--active: #DFE1E6;
+@vkui-color-icon-button: #005FF9;
+@vkui-color-icon-button--hover: #005CF1;
+@vkui-color-icon-button--active: #0059EA;
 @vkui-color-stroke-accent: #005FF9;
 @vkui-color-stroke-accent--hover: #005CF1;
 @vkui-color-stroke-accent--active: #0059EA;
@@ -420,6 +426,9 @@
 @vkui-color-separator-primary3x: #BFC3CA;
 @vkui-color-separator-primary3x--hover: #B7BCC4;
 @vkui-color-separator-primary3x--active: #B0B5BF;
+@vkui-color-stroke-button: #005FF9;
+@vkui-color-stroke-button--hover: #005CF1;
+@vkui-color-stroke-button--active: #0059EA;
 @vkui-color-accent-blue: #005FF9;
 @vkui-color-accent-blue--hover: #005CF1;
 @vkui-color-accent-blue--active: #0059EA;

package/themes/media/index.pcss

@@ -340,6 +340,9 @@
 	--vkui--color-text-positive: #0DC268;
 	--vkui--color-text-positive--hover: #0CBB66;
 	--vkui--color-text-positive--active: #0CB465;
+	--vkui--color-text-button: #005FF9;
+	--vkui--color-text-button--hover: #005CF1;
+	--vkui--color-text-button--active: #0059EA;
 	--vkui--color-icon-accent: #005FF9;
 	--vkui--color-icon-accent--hover: #005CF1;
 	--vkui--color-icon-accent--active: #0059EA;
@@ -385,6 +388,9 @@
 	--vkui--color-icon-contrast-secondary: #F2F3F5;
 	--vkui--color-icon-contrast-secondary--hover: #E8EAEE;
 	--vkui--color-icon-contrast-secondary--active: #DFE1E6;
+	--vkui--color-icon-button: #005FF9;
+	--vkui--color-icon-button--hover: #005CF1;
+	--vkui--color-icon-button--active: #0059EA;
 	--vkui--color-stroke-accent: #005FF9;
 	--vkui--color-stroke-accent--hover: #005CF1;
 	--vkui--color-stroke-accent--active: #0059EA;
@@ -421,6 +427,9 @@
 	--vkui--color-separator-primary3x: #BFC3CA;
 	--vkui--color-separator-primary3x--hover: #B7BCC4;
 	--vkui--color-separator-primary3x--active: #B0B5BF;
+	--vkui--color-stroke-button: #005FF9;
+	--vkui--color-stroke-button--hover: #005CF1;
+	--vkui--color-stroke-button--active: #0059EA;
 	--vkui--color-accent-blue: #005FF9;
 	--vkui--color-accent-blue--hover: #005CF1;
 	--vkui--color-accent-blue--active: #0059EA;

package/themes/media/index.scss

@@ -339,6 +339,9 @@ $vkui-color-link-contrast--active: #EBECEF;
 $vkui-color-text-positive: #0DC268;
 $vkui-color-text-positive--hover: #0CBB66;
 $vkui-color-text-positive--active: #0CB465;
+$vkui-color-text-button: #005FF9;
+$vkui-color-text-button--hover: #005CF1;
+$vkui-color-text-button--active: #0059EA;
 $vkui-color-icon-accent: #005FF9;
 $vkui-color-icon-accent--hover: #005CF1;
 $vkui-color-icon-accent--active: #0059EA;
@@ -384,6 +387,9 @@ $vkui-color-icon-positive--active: #0CB465;
 $vkui-color-icon-contrast-secondary: #F2F3F5;
 $vkui-color-icon-contrast-secondary--hover: #E8EAEE;
 $vkui-color-icon-contrast-secondary--active: #DFE1E6;
+$vkui-color-icon-button: #005FF9;
+$vkui-color-icon-button--hover: #005CF1;
+$vkui-color-icon-button--active: #0059EA;
 $vkui-color-stroke-accent: #005FF9;
 $vkui-color-stroke-accent--hover: #005CF1;
 $vkui-color-stroke-accent--active: #0059EA;
@@ -420,6 +426,9 @@ $vkui-color-separator-primary2x--active: #BDC1C9;
 $vkui-color-separator-primary3x: #BFC3CA;
 $vkui-color-separator-primary3x--hover: #B7BCC4;
 $vkui-color-separator-primary3x--active: #B0B5BF;
+$vkui-color-stroke-button: #005FF9;
+$vkui-color-stroke-button--hover: #005CF1;
+$vkui-color-stroke-button--active: #0059EA;
 $vkui-color-accent-blue: #005FF9;
 $vkui-color-accent-blue--hover: #005CF1;
 $vkui-color-accent-blue--active: #0059EA;

package/themes/media/index.styl

@@ -339,6 +339,9 @@ $vkui-color-link-contrast--active = #EBECEF;
 $vkui-color-text-positive = #0DC268;
 $vkui-color-text-positive--hover = #0CBB66;
 $vkui-color-text-positive--active = #0CB465;
+$vkui-color-text-button = #005FF9;
+$vkui-color-text-button--hover = #005CF1;
+$vkui-color-text-button--active = #0059EA;
 $vkui-color-icon-accent = #005FF9;
 $vkui-color-icon-accent--hover = #005CF1;
 $vkui-color-icon-accent--active = #0059EA;
@@ -384,6 +387,9 @@ $vkui-color-icon-positive--active = #0CB465;
 $vkui-color-icon-contrast-secondary = #F2F3F5;
 $vkui-color-icon-contrast-secondary--hover = #E8EAEE;
 $vkui-color-icon-contrast-secondary--active = #DFE1E6;
+$vkui-color-icon-button = #005FF9;
+$vkui-color-icon-button--hover = #005CF1;
+$vkui-color-icon-button--active = #0059EA;
 $vkui-color-stroke-accent = #005FF9;
 $vkui-color-stroke-accent--hover = #005CF1;
 $vkui-color-stroke-accent--active = #0059EA;
@@ -420,6 +426,9 @@ $vkui-color-separator-primary2x--active = #BDC1C9;
 $vkui-color-separator-primary3x = #BFC3CA;
 $vkui-color-separator-primary3x--hover = #B7BCC4;
 $vkui-color-separator-primary3x--active = #B0B5BF;
+$vkui-color-stroke-button = #005FF9;
+$vkui-color-stroke-button--hover = #005CF1;
+$vkui-color-stroke-button--active = #0059EA;
 $vkui-color-accent-blue = #005FF9;
 $vkui-color-accent-blue--hover = #005CF1;
 $vkui-color-accent-blue--active = #0059EA;

package/themes/media/struct.json

@@ -1094,6 +1094,11 @@
 			"hover": "#0CBB66",
 			"active": "#0CB465"
 		},
+		"colorTextButton": {
+			"normal": "#005FF9",
+			"hover": "#005CF1",
+			"active": "#0059EA"
+		},
 		"colorIconAccent": {
 			"normal": "#005FF9",
 			"hover": "#005CF1",
@@ -1169,6 +1174,11 @@
 			"hover": "#E8EAEE",
 			"active": "#DFE1E6"
 		},
+		"colorIconButton": {
+			"normal": "#005FF9",
+			"hover": "#005CF1",
+			"active": "#0059EA"
+		},
 		"colorStrokeAccent": {
 			"normal": "#005FF9",
 			"hover": "#005CF1",
@@ -1229,6 +1239,11 @@
 			"hover": "#B7BCC4",
 			"active": "#B0B5BF"
 		},
+		"colorStrokeButton": {
+			"normal": "#005FF9",
+			"hover": "#005CF1",
+			"active": "#0059EA"
+		},
 		"colorAccentBlue": {
 			"normal": "#005FF9",
 			"hover": "#005CF1",

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

@@ -543,6 +543,9 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #17C46E;
 	--vkui--color_text_positive--active: #20C774;
+	--vkui--color_text_button: #FFFFFF;
+	--vkui--color_text_button--hover: #EBEDF0;
+	--vkui--color_text_button--active: #D7D8DB;
 	--vkui--color_icon_accent: #3C82FD;
 	--vkui--color_icon_accent--hover: #4487FD;
 	--vkui--color_icon_accent--active: #4C8CFD;
@@ -588,6 +591,9 @@
 	--vkui--color_icon_contrast_secondary: #F2F3F5;
 	--vkui--color_icon_contrast_secondary--hover: #F3F3F5;
 	--vkui--color_icon_contrast_secondary--active: #F3F4F6;
+	--vkui--color_icon_button: #FFFFFF;
+	--vkui--color_icon_button--hover: #EBEDF0;
+	--vkui--color_icon_button--active: #D7D8DB;
 	--vkui--color_stroke_accent: #3C82FD;
 	--vkui--color_stroke_accent--hover: #4487FD;
 	--vkui--color_stroke_accent--active: #4C8CFD;
@@ -624,6 +630,9 @@
 	--vkui--color_separator_primary3x: #2d2d2f;
 	--vkui--color_separator_primary3x--hover: #353537;
 	--vkui--color_separator_primary3x--active: #3E3E40;
+	--vkui--color_stroke_button: #FFFFFF;
+	--vkui--color_stroke_button--hover: #EBEDF0;
+	--vkui--color_stroke_button--active: #D7D8DB;
 	--vkui--color_accent_blue: #2775FC;
 	--vkui--color_accent_blue--hover: #307BFC;
 	--vkui--color_accent_blue--active: #3880FC;