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

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

@@ -87,6 +87,9 @@
 	--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;
@@ -102,6 +105,9 @@
 	--vkui--color_icon_tertiary: #AEB7C2;
 	--vkui--color_icon_tertiary--hover: #A7B0BD;
 	--vkui--color_icon_tertiary--active: #A0AAB7;
+	--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;
@@ -111,6 +117,9 @@
 	--vkui--color_separator_secondary: #E7E8EC;
 	--vkui--color_separator_secondary--hover: #DEDFE5;
 	--vkui--color_separator_secondary--active: #D5D7DE;
+	--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;

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

@@ -308,6 +308,9 @@
 	--vkui--color_link_contrast: var(--vkui--color_link_contrast, #333333);
 	--vkui--color_link_contrast--hover: var(--vkui--color_link_contrast--hover, #313233);
 	--vkui--color_link_contrast--active: var(--vkui--color_link_contrast--active, #2F3034);
+	--vkui--color_text_button: var(--vkui--color_text_button, #346297);
+	--vkui--color_text_button--hover: var(--vkui--color_text_button--hover, #325F93);
+	--vkui--color_text_button--active: var(--vkui--color_text_button--active, #305B90);
 	--vkui--color_icon_accent: var(--vkui--color_icon_accent, #447BBA);
 	--vkui--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #4177B5);
 	--vkui--color_icon_accent--active: var(--vkui--color_icon_accent--active, #3F72B0);
@@ -353,6 +356,9 @@
 	--vkui--color_icon_negative: var(--vkui--color_icon_negative, #E64646);
 	--vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
 	--vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #D44245);
+	--vkui--color_icon_button: var(--vkui--color_icon_button, #346297);
+	--vkui--color_icon_button--hover: var(--vkui--color_icon_button--hover, #325F93);
+	--vkui--color_icon_button--active: var(--vkui--color_icon_button--active, #305B90);
 	--vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #447BBA);
 	--vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #4177B5);
 	--vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #3F72B0);
@@ -389,6 +395,9 @@
 	--vkui--color_field_border_alpha: var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12));
 	--vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24));
 	--vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36));
+	--vkui--color_stroke_button: var(--vkui--color_stroke_button, #346297);
+	--vkui--color_stroke_button--hover: var(--vkui--color_stroke_button--hover, #325F93);
+	--vkui--color_stroke_button--active: var(--vkui--color_stroke_button--active, #305B90);
 	--vkui--color_accent_blue: var(--vkui--color_accent_blue, #5181B8);
 	--vkui--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #4E7CB3);
 	--vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #4B78AE);

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

@@ -225,6 +225,9 @@
 @color-link-contrast: var(--vkui--color_link_contrast, #333333);
 @color-link-contrast--hover: var(--vkui--color_link_contrast--hover, #313233);
 @color-link-contrast--active: var(--vkui--color_link_contrast--active, #2F3034);
+@color-text-button: var(--vkui--color_text_button, #346297);
+@color-text-button--hover: var(--vkui--color_text_button--hover, #325F93);
+@color-text-button--active: var(--vkui--color_text_button--active, #305B90);
 @color-icon-accent: var(--vkui--color_icon_accent, #447BBA);
 @color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #4177B5);
 @color-icon-accent--active: var(--vkui--color_icon_accent--active, #3F72B0);
@@ -270,6 +273,9 @@
 @color-icon-negative: var(--vkui--color_icon_negative, #E64646);
 @color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
 @color-icon-negative--active: var(--vkui--color_icon_negative--active, #D44245);
+@color-icon-button: var(--vkui--color_icon_button, #346297);
+@color-icon-button--hover: var(--vkui--color_icon_button--hover, #325F93);
+@color-icon-button--active: var(--vkui--color_icon_button--active, #305B90);
 @color-stroke-accent: var(--vkui--color_stroke_accent, #447BBA);
 @color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #4177B5);
 @color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #3F72B0);
@@ -306,6 +312,9 @@
 @color-field-border-alpha: var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12));
 @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24));
 @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36));
+@color-stroke-button: var(--vkui--color_stroke_button, #346297);
+@color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #325F93);
+@color-stroke-button--active: var(--vkui--color_stroke_button--active, #305B90);
 @color-accent-blue: var(--vkui--color_accent_blue, #5181B8);
 @color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #4E7CB3);
 @color-accent-blue--active: var(--vkui--color_accent_blue--active, #4B78AE);

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

@@ -226,6 +226,9 @@
 	--color-link-contrast: var(--vkui--color_link_contrast, #333333);
 	--color-link-contrast--hover: var(--vkui--color_link_contrast--hover, #313233);
 	--color-link-contrast--active: var(--vkui--color_link_contrast--active, #2F3034);
+	--color-text-button: var(--vkui--color_text_button, #346297);
+	--color-text-button--hover: var(--vkui--color_text_button--hover, #325F93);
+	--color-text-button--active: var(--vkui--color_text_button--active, #305B90);
 	--color-icon-accent: var(--vkui--color_icon_accent, #447BBA);
 	--color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #4177B5);
 	--color-icon-accent--active: var(--vkui--color_icon_accent--active, #3F72B0);
@@ -271,6 +274,9 @@
 	--color-icon-negative: var(--vkui--color_icon_negative, #E64646);
 	--color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
 	--color-icon-negative--active: var(--vkui--color_icon_negative--active, #D44245);
+	--color-icon-button: var(--vkui--color_icon_button, #346297);
+	--color-icon-button--hover: var(--vkui--color_icon_button--hover, #325F93);
+	--color-icon-button--active: var(--vkui--color_icon_button--active, #305B90);
 	--color-stroke-accent: var(--vkui--color_stroke_accent, #447BBA);
 	--color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #4177B5);
 	--color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #3F72B0);
@@ -307,6 +313,9 @@
 	--color-field-border-alpha: var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12));
 	--color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24));
 	--color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36));
+	--color-stroke-button: var(--vkui--color_stroke_button, #346297);
+	--color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #325F93);
+	--color-stroke-button--active: var(--vkui--color_stroke_button--active, #305B90);
 	--color-accent-blue: var(--vkui--color_accent_blue, #5181B8);
 	--color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #4E7CB3);
 	--color-accent-blue--active: var(--vkui--color_accent_blue--active, #4B78AE);

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

@@ -225,6 +225,9 @@ $color-text-muted--active: var(--vkui--color_text_muted--active, #2F3034);
 $color-link-contrast: var(--vkui--color_link_contrast, #333333);
 $color-link-contrast--hover: var(--vkui--color_link_contrast--hover, #313233);
 $color-link-contrast--active: var(--vkui--color_link_contrast--active, #2F3034);
+$color-text-button: var(--vkui--color_text_button, #346297);
+$color-text-button--hover: var(--vkui--color_text_button--hover, #325F93);
+$color-text-button--active: var(--vkui--color_text_button--active, #305B90);
 $color-icon-accent: var(--vkui--color_icon_accent, #447BBA);
 $color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #4177B5);
 $color-icon-accent--active: var(--vkui--color_icon_accent--active, #3F72B0);
@@ -270,6 +273,9 @@ $color-icon-positive--active: var(--vkui--color_icon_positive--active, #45A64A);
 $color-icon-negative: var(--vkui--color_icon_negative, #E64646);
 $color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
 $color-icon-negative--active: var(--vkui--color_icon_negative--active, #D44245);
+$color-icon-button: var(--vkui--color_icon_button, #346297);
+$color-icon-button--hover: var(--vkui--color_icon_button--hover, #325F93);
+$color-icon-button--active: var(--vkui--color_icon_button--active, #305B90);
 $color-stroke-accent: var(--vkui--color_stroke_accent, #447BBA);
 $color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #4177B5);
 $color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #3F72B0);
@@ -306,6 +312,9 @@ $color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active,
 $color-field-border-alpha: var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12));
 $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24));
 $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36));
+$color-stroke-button: var(--vkui--color_stroke_button, #346297);
+$color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #325F93);
+$color-stroke-button--active: var(--vkui--color_stroke_button--active, #305B90);
 $color-accent-blue: var(--vkui--color_accent_blue, #5181B8);
 $color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #4E7CB3);
 $color-accent-blue--active: var(--vkui--color_accent_blue--active, #4B78AE);

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

@@ -225,6 +225,9 @@ $color-text-muted--active = var(--vkui--color_text_muted--active, #2F3034);
 $color-link-contrast = var(--vkui--color_link_contrast, #333333);
 $color-link-contrast--hover = var(--vkui--color_link_contrast--hover, #313233);
 $color-link-contrast--active = var(--vkui--color_link_contrast--active, #2F3034);
+$color-text-button = var(--vkui--color_text_button, #346297);
+$color-text-button--hover = var(--vkui--color_text_button--hover, #325F93);
+$color-text-button--active = var(--vkui--color_text_button--active, #305B90);
 $color-icon-accent = var(--vkui--color_icon_accent, #447BBA);
 $color-icon-accent--hover = var(--vkui--color_icon_accent--hover, #4177B5);
 $color-icon-accent--active = var(--vkui--color_icon_accent--active, #3F72B0);
@@ -270,6 +273,9 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #45A64A)
 $color-icon-negative = var(--vkui--color_icon_negative, #E64646);
 $color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #DD4446);
 $color-icon-negative--active = var(--vkui--color_icon_negative--active, #D44245);
+$color-icon-button = var(--vkui--color_icon_button, #346297);
+$color-icon-button--hover = var(--vkui--color_icon_button--hover, #325F93);
+$color-icon-button--active = var(--vkui--color_icon_button--active, #305B90);
 $color-stroke-accent = var(--vkui--color_stroke_accent, #447BBA);
 $color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #4177B5);
 $color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #3F72B0);
@@ -306,6 +312,9 @@ $color-image-border-alpha--active = var(--vkui--color_image_border_alpha--active
 $color-field-border-alpha = var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12));
 $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24));
 $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36));
+$color-stroke-button = var(--vkui--color_stroke_button, #346297);
+$color-stroke-button--hover = var(--vkui--color_stroke_button--hover, #325F93);
+$color-stroke-button--active = var(--vkui--color_stroke_button--active, #305B90);
 $color-accent-blue = var(--vkui--color_accent_blue, #5181B8);
 $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #4E7CB3);
 $color-accent-blue--active = var(--vkui--color_accent_blue--active, #4B78AE);

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

@@ -2099,6 +2099,20 @@ var theme = {
             "value": "var(--vkui--color_link_contrast--active, #2F3034)"
         }
     },
+    "colorTextButton": {
+        "normal": {
+            "name": "--vkui--color_text_button",
+            "value": "var(--vkui--color_text_button, #346297)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_button--hover",
+            "value": "var(--vkui--color_text_button--hover, #325F93)"
+        },
+        "active": {
+            "name": "--vkui--color_text_button--active",
+            "value": "var(--vkui--color_text_button--active, #305B90)"
+        }
+    },
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
@@ -2309,6 +2323,20 @@ var theme = {
             "value": "var(--vkui--color_icon_negative--active, #D44245)"
         }
     },
+    "colorIconButton": {
+        "normal": {
+            "name": "--vkui--color_icon_button",
+            "value": "var(--vkui--color_icon_button, #346297)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_button--hover",
+            "value": "var(--vkui--color_icon_button--hover, #325F93)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_button--active",
+            "value": "var(--vkui--color_icon_button--active, #305B90)"
+        }
+    },
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
@@ -2477,6 +2505,20 @@ var theme = {
             "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))"
         }
     },
+    "colorStrokeButton": {
+        "normal": {
+            "name": "--vkui--color_stroke_button",
+            "value": "var(--vkui--color_stroke_button, #346297)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_button--hover",
+            "value": "var(--vkui--color_stroke_button--hover, #325F93)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_button--active",
+            "value": "var(--vkui--color_stroke_button--active, #305B90)"
+        }
+    },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",

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

@@ -2097,6 +2097,20 @@
 			"value": "var(--vkui--color_link_contrast--active, #2F3034)"
 		}
 	},
+	"colorTextButton": {
+		"normal": {
+			"name": "--vkui--color_text_button",
+			"value": "var(--vkui--color_text_button, #346297)"
+		},
+		"hover": {
+			"name": "--vkui--color_text_button--hover",
+			"value": "var(--vkui--color_text_button--hover, #325F93)"
+		},
+		"active": {
+			"name": "--vkui--color_text_button--active",
+			"value": "var(--vkui--color_text_button--active, #305B90)"
+		}
+	},
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
@@ -2307,6 +2321,20 @@
 			"value": "var(--vkui--color_icon_negative--active, #D44245)"
 		}
 	},
+	"colorIconButton": {
+		"normal": {
+			"name": "--vkui--color_icon_button",
+			"value": "var(--vkui--color_icon_button, #346297)"
+		},
+		"hover": {
+			"name": "--vkui--color_icon_button--hover",
+			"value": "var(--vkui--color_icon_button--hover, #325F93)"
+		},
+		"active": {
+			"name": "--vkui--color_icon_button--active",
+			"value": "var(--vkui--color_icon_button--active, #305B90)"
+		}
+	},
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
@@ -2475,6 +2503,20 @@
 			"value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))"
 		}
 	},
+	"colorStrokeButton": {
+		"normal": {
+			"name": "--vkui--color_stroke_button",
+			"value": "var(--vkui--color_stroke_button, #346297)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_button--hover",
+			"value": "var(--vkui--color_stroke_button--hover, #325F93)"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_button--active",
+			"value": "var(--vkui--color_stroke_button--active, #305B90)"
+		}
+	},
 	"colorAccentBlue": {
 		"normal": {
 			"name": "--vkui--color_accent_blue",

package/themes/vkCom/docs.json

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

package/themes/vkCom/index.css

@@ -308,6 +308,9 @@
 	--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;
@@ -353,6 +356,9 @@
 	--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;
@@ -389,6 +395,9 @@
 	--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;

package/themes/vkCom/index.js

@@ -594,6 +594,11 @@ var theme = {
         "hover": "#313233",
         "active": "#2F3034"
     },
+    "colorTextButton": {
+        "normal": "#346297",
+        "hover": "#325F93",
+        "active": "#305B90"
+    },
     "colorIconAccent": {
         "normal": "#447BBA",
         "hover": "#4177B5",
@@ -669,6 +674,11 @@ var theme = {
         "hover": "#DD4446",
         "active": "#D44245"
     },
+    "colorIconButton": {
+        "normal": "#346297",
+        "hover": "#325F93",
+        "active": "#305B90"
+    },
     "colorStrokeAccent": {
         "normal": "#447BBA",
         "hover": "#4177B5",
@@ -729,6 +739,11 @@ var theme = {
         "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/vkCom/index.json

@@ -592,6 +592,11 @@
 		"hover": "#313233",
 		"active": "#2F3034"
 	},
+	"colorTextButton": {
+		"normal": "#346297",
+		"hover": "#325F93",
+		"active": "#305B90"
+	},
 	"colorIconAccent": {
 		"normal": "#447BBA",
 		"hover": "#4177B5",
@@ -667,6 +672,11 @@
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
+	"colorIconButton": {
+		"normal": "#346297",
+		"hover": "#325F93",
+		"active": "#305B90"
+	},
 	"colorStrokeAccent": {
 		"normal": "#447BBA",
 		"hover": "#4177B5",
@@ -727,6 +737,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/vkCom/index.less

@@ -225,6 +225,9 @@
 @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;
@@ -270,6 +273,9 @@
 @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;
@@ -306,6 +312,9 @@
 @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;

package/themes/vkCom/index.pcss

@@ -226,6 +226,9 @@
 	--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;
@@ -271,6 +274,9 @@
 	--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;
@@ -307,6 +313,9 @@
 	--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;

package/themes/vkCom/index.scss

@@ -225,6 +225,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;
@@ -270,6 +273,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;
@@ -306,6 +312,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;

package/themes/vkCom/index.styl

@@ -225,6 +225,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;
@@ -270,6 +273,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;
@@ -306,6 +312,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;

package/themes/vkCom/struct.json

@@ -618,6 +618,11 @@
 			"hover": "#313233",
 			"active": "#2F3034"
 		},
+		"colorTextButton": {
+			"normal": "#346297",
+			"hover": "#325F93",
+			"active": "#305B90"
+		},
 		"colorIconAccent": {
 			"normal": "#447BBA",
 			"hover": "#4177B5",
@@ -693,6 +698,11 @@
 			"hover": "#DD4446",
 			"active": "#D44245"
 		},
+		"colorIconButton": {
+			"normal": "#346297",
+			"hover": "#325F93",
+			"active": "#305B90"
+		},
 		"colorStrokeAccent": {
 			"normal": "#447BBA",
 			"hover": "#4177B5",
@@ -753,6 +763,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",