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

package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocal.css

@@ -424,6 +424,9 @@
 	--vkui--color_text_positive: #4BB34B;
 	--vkui--color_text_positive--hover: #52B652;
 	--vkui--color_text_positive--active: #59B959;
+	--vkui--color_text_button: #FFFFFF;
+	--vkui--color_text_button--hover: #EBEDF0;
+	--vkui--color_text_button--active: #D7D8DB;
 	--vkui--color_icon_accent: #529EF4;
 	--vkui--color_icon_accent--hover: #59A2F4;
 	--vkui--color_icon_accent--active: #60A6F5;
@@ -469,6 +472,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: #529EF4;
 	--vkui--color_stroke_accent--hover: #59A2F4;
 	--vkui--color_stroke_accent--active: #60A6F5;
@@ -505,6 +511,9 @@
 	--vkui--color_separator_primary3x: #505253;
 	--vkui--color_separator_primary3x--hover: #57595A;
 	--vkui--color_separator_primary3x--active: #5E6061;
+	--vkui--color_stroke_button: #FFFFFF;
+	--vkui--color_stroke_button--hover: #EBEDF0;
+	--vkui--color_stroke_button--active: #D7D8DB;
 	--vkui--color_accent_blue: #529EF4;
 	--vkui--color_accent_blue--hover: #59A2F4;
 	--vkui--color_accent_blue--active: #60A6F5;

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

@@ -424,6 +424,9 @@
 	--vkui--color_text_positive: #4BB34B;
 	--vkui--color_text_positive--hover: #52B652;
 	--vkui--color_text_positive--active: #59B959;
+	--vkui--color_text_button: #FFFFFF;
+	--vkui--color_text_button--hover: #EBEDF0;
+	--vkui--color_text_button--active: #D7D8DB;
 	--vkui--color_icon_accent: #529EF4;
 	--vkui--color_icon_accent--hover: #59A2F4;
 	--vkui--color_icon_accent--active: #60A6F5;
@@ -469,6 +472,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: #529EF4;
 	--vkui--color_stroke_accent--hover: #59A2F4;
 	--vkui--color_stroke_accent--active: #60A6F5;
@@ -505,6 +511,9 @@
 	--vkui--color_separator_primary3x: #505253;
 	--vkui--color_separator_primary3x--hover: #57595A;
 	--vkui--color_separator_primary3x--active: #5E6061;
+	--vkui--color_stroke_button: #FFFFFF;
+	--vkui--color_stroke_button--hover: #EBEDF0;
+	--vkui--color_stroke_button--active: #D7D8DB;
 	--vkui--color_accent_blue: #529EF4;
 	--vkui--color_accent_blue--hover: #59A2F4;
 	--vkui--color_accent_blue--active: #60A6F5;

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

@@ -424,6 +424,9 @@
 	--vkui--color_text_positive: var(--vkui--color_text_positive, #4BB34B);
 	--vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #52B652);
 	--vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #59B959);
+	--vkui--color_text_button: var(--vkui--color_text_button, #FFFFFF);
+	--vkui--color_text_button--hover: var(--vkui--color_text_button--hover, #EBEDF0);
+	--vkui--color_text_button--active: var(--vkui--color_text_button--active, #D7D8DB);
 	--vkui--color_icon_accent: var(--vkui--color_icon_accent, #529EF4);
 	--vkui--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #59A2F4);
 	--vkui--color_icon_accent--active: var(--vkui--color_icon_accent--active, #60A6F5);
@@ -469,6 +472,9 @@
 	--vkui--color_icon_contrast_secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 	--vkui--color_icon_contrast_secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 	--vkui--color_icon_contrast_secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
+	--vkui--color_icon_button: var(--vkui--color_icon_button, #FFFFFF);
+	--vkui--color_icon_button--hover: var(--vkui--color_icon_button--hover, #EBEDF0);
+	--vkui--color_icon_button--active: var(--vkui--color_icon_button--active, #D7D8DB);
 	--vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #529EF4);
 	--vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #59A2F4);
 	--vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #60A6F5);
@@ -505,6 +511,9 @@
 	--vkui--color_separator_primary3x: var(--vkui--color_separator_primary3x, #505253);
 	--vkui--color_separator_primary3x--hover: var(--vkui--color_separator_primary3x--hover, #57595A);
 	--vkui--color_separator_primary3x--active: var(--vkui--color_separator_primary3x--active, #5E6061);
+	--vkui--color_stroke_button: var(--vkui--color_stroke_button, #FFFFFF);
+	--vkui--color_stroke_button--hover: var(--vkui--color_stroke_button--hover, #EBEDF0);
+	--vkui--color_stroke_button--active: var(--vkui--color_stroke_button--active, #D7D8DB);
 	--vkui--color_accent_blue: var(--vkui--color_accent_blue, #529EF4);
 	--vkui--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #59A2F4);
 	--vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #60A6F5);

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

@@ -328,6 +328,9 @@
 @color-text-positive: var(--vkui--color_text_positive, #4BB34B);
 @color-text-positive--hover: var(--vkui--color_text_positive--hover, #52B652);
 @color-text-positive--active: var(--vkui--color_text_positive--active, #59B959);
+@color-text-button: var(--vkui--color_text_button, #FFFFFF);
+@color-text-button--hover: var(--vkui--color_text_button--hover, #EBEDF0);
+@color-text-button--active: var(--vkui--color_text_button--active, #D7D8DB);
 @color-icon-accent: var(--vkui--color_icon_accent, #529EF4);
 @color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #59A2F4);
 @color-icon-accent--active: var(--vkui--color_icon_accent--active, #60A6F5);
@@ -373,6 +376,9 @@
 @color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 @color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 @color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
+@color-icon-button: var(--vkui--color_icon_button, #FFFFFF);
+@color-icon-button--hover: var(--vkui--color_icon_button--hover, #EBEDF0);
+@color-icon-button--active: var(--vkui--color_icon_button--active, #D7D8DB);
 @color-stroke-accent: var(--vkui--color_stroke_accent, #529EF4);
 @color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #59A2F4);
 @color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #60A6F5);
@@ -409,6 +415,9 @@
 @color-separator-primary3x: var(--vkui--color_separator_primary3x, #505253);
 @color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #57595A);
 @color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #5E6061);
+@color-stroke-button: var(--vkui--color_stroke_button, #FFFFFF);
+@color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #EBEDF0);
+@color-stroke-button--active: var(--vkui--color_stroke_button--active, #D7D8DB);
 @color-accent-blue: var(--vkui--color_accent_blue, #529EF4);
 @color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #59A2F4);
 @color-accent-blue--active: var(--vkui--color_accent_blue--active, #60A6F5);

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

@@ -329,6 +329,9 @@
 	--color-text-positive: var(--vkui--color_text_positive, #4BB34B);
 	--color-text-positive--hover: var(--vkui--color_text_positive--hover, #52B652);
 	--color-text-positive--active: var(--vkui--color_text_positive--active, #59B959);
+	--color-text-button: var(--vkui--color_text_button, #FFFFFF);
+	--color-text-button--hover: var(--vkui--color_text_button--hover, #EBEDF0);
+	--color-text-button--active: var(--vkui--color_text_button--active, #D7D8DB);
 	--color-icon-accent: var(--vkui--color_icon_accent, #529EF4);
 	--color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #59A2F4);
 	--color-icon-accent--active: var(--vkui--color_icon_accent--active, #60A6F5);
@@ -374,6 +377,9 @@
 	--color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 	--color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 	--color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
+	--color-icon-button: var(--vkui--color_icon_button, #FFFFFF);
+	--color-icon-button--hover: var(--vkui--color_icon_button--hover, #EBEDF0);
+	--color-icon-button--active: var(--vkui--color_icon_button--active, #D7D8DB);
 	--color-stroke-accent: var(--vkui--color_stroke_accent, #529EF4);
 	--color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #59A2F4);
 	--color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #60A6F5);
@@ -410,6 +416,9 @@
 	--color-separator-primary3x: var(--vkui--color_separator_primary3x, #505253);
 	--color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #57595A);
 	--color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #5E6061);
+	--color-stroke-button: var(--vkui--color_stroke_button, #FFFFFF);
+	--color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #EBEDF0);
+	--color-stroke-button--active: var(--vkui--color_stroke_button--active, #D7D8DB);
 	--color-accent-blue: var(--vkui--color_accent_blue, #529EF4);
 	--color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #59A2F4);
 	--color-accent-blue--active: var(--vkui--color_accent_blue--active, #60A6F5);

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

@@ -328,6 +328,9 @@ $color-link-contrast--active: var(--vkui--color_link_contrast--active, #D7D8DB);
 $color-text-positive: var(--vkui--color_text_positive, #4BB34B);
 $color-text-positive--hover: var(--vkui--color_text_positive--hover, #52B652);
 $color-text-positive--active: var(--vkui--color_text_positive--active, #59B959);
+$color-text-button: var(--vkui--color_text_button, #FFFFFF);
+$color-text-button--hover: var(--vkui--color_text_button--hover, #EBEDF0);
+$color-text-button--active: var(--vkui--color_text_button--active, #D7D8DB);
 $color-icon-accent: var(--vkui--color_icon_accent, #529EF4);
 $color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #59A2F4);
 $color-icon-accent--active: var(--vkui--color_icon_accent--active, #60A6F5);
@@ -373,6 +376,9 @@ $color-icon-positive--active: var(--vkui--color_icon_positive--active, #59B959);
 $color-icon-contrast-secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 $color-icon-contrast-secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 $color-icon-contrast-secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
+$color-icon-button: var(--vkui--color_icon_button, #FFFFFF);
+$color-icon-button--hover: var(--vkui--color_icon_button--hover, #EBEDF0);
+$color-icon-button--active: var(--vkui--color_icon_button--active, #D7D8DB);
 $color-stroke-accent: var(--vkui--color_stroke_accent, #529EF4);
 $color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #59A2F4);
 $color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #60A6F5);
@@ -409,6 +415,9 @@ $color-separator-primary2x--active: var(--vkui--color_separator_primary2x--activ
 $color-separator-primary3x: var(--vkui--color_separator_primary3x, #505253);
 $color-separator-primary3x--hover: var(--vkui--color_separator_primary3x--hover, #57595A);
 $color-separator-primary3x--active: var(--vkui--color_separator_primary3x--active, #5E6061);
+$color-stroke-button: var(--vkui--color_stroke_button, #FFFFFF);
+$color-stroke-button--hover: var(--vkui--color_stroke_button--hover, #EBEDF0);
+$color-stroke-button--active: var(--vkui--color_stroke_button--active, #D7D8DB);
 $color-accent-blue: var(--vkui--color_accent_blue, #529EF4);
 $color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #59A2F4);
 $color-accent-blue--active: var(--vkui--color_accent_blue--active, #60A6F5);

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

@@ -328,6 +328,9 @@ $color-link-contrast--active = var(--vkui--color_link_contrast--active, #D7D8DB)
 $color-text-positive = var(--vkui--color_text_positive, #4BB34B);
 $color-text-positive--hover = var(--vkui--color_text_positive--hover, #52B652);
 $color-text-positive--active = var(--vkui--color_text_positive--active, #59B959);
+$color-text-button = var(--vkui--color_text_button, #FFFFFF);
+$color-text-button--hover = var(--vkui--color_text_button--hover, #EBEDF0);
+$color-text-button--active = var(--vkui--color_text_button--active, #D7D8DB);
 $color-icon-accent = var(--vkui--color_icon_accent, #529EF4);
 $color-icon-accent--hover = var(--vkui--color_icon_accent--hover, #59A2F4);
 $color-icon-accent--active = var(--vkui--color_icon_accent--active, #60A6F5);
@@ -373,6 +376,9 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #59B959)
 $color-icon-contrast-secondary = var(--vkui--color_icon_contrast_secondary, #F2F3F5);
 $color-icon-contrast-secondary--hover = var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 $color-icon-contrast-secondary--active = var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
+$color-icon-button = var(--vkui--color_icon_button, #FFFFFF);
+$color-icon-button--hover = var(--vkui--color_icon_button--hover, #EBEDF0);
+$color-icon-button--active = var(--vkui--color_icon_button--active, #D7D8DB);
 $color-stroke-accent = var(--vkui--color_stroke_accent, #529EF4);
 $color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #59A2F4);
 $color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #60A6F5);
@@ -409,6 +415,9 @@ $color-separator-primary2x--active = var(--vkui--color_separator_primary2x--acti
 $color-separator-primary3x = var(--vkui--color_separator_primary3x, #505253);
 $color-separator-primary3x--hover = var(--vkui--color_separator_primary3x--hover, #57595A);
 $color-separator-primary3x--active = var(--vkui--color_separator_primary3x--active, #5E6061);
+$color-stroke-button = var(--vkui--color_stroke_button, #FFFFFF);
+$color-stroke-button--hover = var(--vkui--color_stroke_button--hover, #EBEDF0);
+$color-stroke-button--active = var(--vkui--color_stroke_button--active, #D7D8DB);
 $color-accent-blue = var(--vkui--color_accent_blue, #529EF4);
 $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #59A2F4);
 $color-accent-blue--active = var(--vkui--color_accent_blue--active, #60A6F5);

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

@@ -2995,6 +2995,20 @@ var theme = {
             "value": "var(--vkui--color_text_positive--active, #59B959)"
         }
     },
+    "colorTextButton": {
+        "normal": {
+            "name": "--vkui--color_text_button",
+            "value": "var(--vkui--color_text_button, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_button--hover",
+            "value": "var(--vkui--color_text_button--hover, #EBEDF0)"
+        },
+        "active": {
+            "name": "--vkui--color_text_button--active",
+            "value": "var(--vkui--color_text_button--active, #D7D8DB)"
+        }
+    },
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
@@ -3205,6 +3219,20 @@ var theme = {
             "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)"
         }
     },
+    "colorIconButton": {
+        "normal": {
+            "name": "--vkui--color_icon_button",
+            "value": "var(--vkui--color_icon_button, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_button--hover",
+            "value": "var(--vkui--color_icon_button--hover, #EBEDF0)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_button--active",
+            "value": "var(--vkui--color_icon_button--active, #D7D8DB)"
+        }
+    },
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
@@ -3373,6 +3401,20 @@ var theme = {
             "value": "var(--vkui--color_separator_primary3x--active, #5E6061)"
         }
     },
+    "colorStrokeButton": {
+        "normal": {
+            "name": "--vkui--color_stroke_button",
+            "value": "var(--vkui--color_stroke_button, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_button--hover",
+            "value": "var(--vkui--color_stroke_button--hover, #EBEDF0)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_button--active",
+            "value": "var(--vkui--color_stroke_button--active, #D7D8DB)"
+        }
+    },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",

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

@@ -2993,6 +2993,20 @@
 			"value": "var(--vkui--color_text_positive--active, #59B959)"
 		}
 	},
+	"colorTextButton": {
+		"normal": {
+			"name": "--vkui--color_text_button",
+			"value": "var(--vkui--color_text_button, #FFFFFF)"
+		},
+		"hover": {
+			"name": "--vkui--color_text_button--hover",
+			"value": "var(--vkui--color_text_button--hover, #EBEDF0)"
+		},
+		"active": {
+			"name": "--vkui--color_text_button--active",
+			"value": "var(--vkui--color_text_button--active, #D7D8DB)"
+		}
+	},
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
@@ -3203,6 +3217,20 @@
 			"value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)"
 		}
 	},
+	"colorIconButton": {
+		"normal": {
+			"name": "--vkui--color_icon_button",
+			"value": "var(--vkui--color_icon_button, #FFFFFF)"
+		},
+		"hover": {
+			"name": "--vkui--color_icon_button--hover",
+			"value": "var(--vkui--color_icon_button--hover, #EBEDF0)"
+		},
+		"active": {
+			"name": "--vkui--color_icon_button--active",
+			"value": "var(--vkui--color_icon_button--active, #D7D8DB)"
+		}
+	},
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
@@ -3371,6 +3399,20 @@
 			"value": "var(--vkui--color_separator_primary3x--active, #5E6061)"
 		}
 	},
+	"colorStrokeButton": {
+		"normal": {
+			"name": "--vkui--color_stroke_button",
+			"value": "var(--vkui--color_stroke_button, #FFFFFF)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_button--hover",
+			"value": "var(--vkui--color_stroke_button--hover, #EBEDF0)"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_button--active",
+			"value": "var(--vkui--color_stroke_button--active, #D7D8DB)"
+		}
+	},
 	"colorAccentBlue": {
 		"normal": {
 			"name": "--vkui--color_accent_blue",

package/themes/octaviusVKDark/docs.json

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

package/themes/octaviusVKDark/index.css

@@ -424,6 +424,9 @@
 	--vkui--color_text_positive: #4BB34B;
 	--vkui--color_text_positive--hover: #52B652;
 	--vkui--color_text_positive--active: #59B959;
+	--vkui--color_text_button: #FFFFFF;
+	--vkui--color_text_button--hover: #EBEDF0;
+	--vkui--color_text_button--active: #D7D8DB;
 	--vkui--color_icon_accent: #529EF4;
 	--vkui--color_icon_accent--hover: #59A2F4;
 	--vkui--color_icon_accent--active: #60A6F5;
@@ -469,6 +472,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: #529EF4;
 	--vkui--color_stroke_accent--hover: #59A2F4;
 	--vkui--color_stroke_accent--active: #60A6F5;
@@ -505,6 +511,9 @@
 	--vkui--color_separator_primary3x: #505253;
 	--vkui--color_separator_primary3x--hover: #57595A;
 	--vkui--color_separator_primary3x--active: #5E6061;
+	--vkui--color_stroke_button: #FFFFFF;
+	--vkui--color_stroke_button--hover: #EBEDF0;
+	--vkui--color_stroke_button--active: #D7D8DB;
 	--vkui--color_accent_blue: #529EF4;
 	--vkui--color_accent_blue--hover: #59A2F4;
 	--vkui--color_accent_blue--active: #60A6F5;

package/themes/octaviusVKDark/index.js

@@ -844,6 +844,11 @@ var theme = {
         "hover": "#52B652",
         "active": "#59B959"
     },
+    "colorTextButton": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
     "colorIconAccent": {
         "normal": "#529EF4",
         "hover": "#59A2F4",
@@ -919,6 +924,11 @@ var theme = {
         "hover": "#F3F3F5",
         "active": "#F3F4F6"
     },
+    "colorIconButton": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
     "colorStrokeAccent": {
         "normal": "#529EF4",
         "hover": "#59A2F4",
@@ -979,6 +989,11 @@ var theme = {
         "hover": "#57595A",
         "active": "#5E6061"
     },
+    "colorStrokeButton": {
+        "normal": "#FFFFFF",
+        "hover": "#EBEDF0",
+        "active": "#D7D8DB"
+    },
     "colorAccentBlue": {
         "normal": "#529EF4",
         "hover": "#59A2F4",

package/themes/octaviusVKDark/index.json

@@ -842,6 +842,11 @@
 		"hover": "#52B652",
 		"active": "#59B959"
 	},
+	"colorTextButton": {
+		"normal": "#FFFFFF",
+		"hover": "#EBEDF0",
+		"active": "#D7D8DB"
+	},
 	"colorIconAccent": {
 		"normal": "#529EF4",
 		"hover": "#59A2F4",
@@ -917,6 +922,11 @@
 		"hover": "#F3F3F5",
 		"active": "#F3F4F6"
 	},
+	"colorIconButton": {
+		"normal": "#FFFFFF",
+		"hover": "#EBEDF0",
+		"active": "#D7D8DB"
+	},
 	"colorStrokeAccent": {
 		"normal": "#529EF4",
 		"hover": "#59A2F4",
@@ -977,6 +987,11 @@
 		"hover": "#57595A",
 		"active": "#5E6061"
 	},
+	"colorStrokeButton": {
+		"normal": "#FFFFFF",
+		"hover": "#EBEDF0",
+		"active": "#D7D8DB"
+	},
 	"colorAccentBlue": {
 		"normal": "#529EF4",
 		"hover": "#59A2F4",

package/themes/octaviusVKDark/index.less

@@ -328,6 +328,9 @@
 @color-text-positive: #4BB34B;
 @color-text-positive--hover: #52B652;
 @color-text-positive--active: #59B959;
+@color-text-button: #FFFFFF;
+@color-text-button--hover: #EBEDF0;
+@color-text-button--active: #D7D8DB;
 @color-icon-accent: #529EF4;
 @color-icon-accent--hover: #59A2F4;
 @color-icon-accent--active: #60A6F5;
@@ -373,6 +376,9 @@
 @color-icon-contrast-secondary: #F2F3F5;
 @color-icon-contrast-secondary--hover: #F3F3F5;
 @color-icon-contrast-secondary--active: #F3F4F6;
+@color-icon-button: #FFFFFF;
+@color-icon-button--hover: #EBEDF0;
+@color-icon-button--active: #D7D8DB;
 @color-stroke-accent: #529EF4;
 @color-stroke-accent--hover: #59A2F4;
 @color-stroke-accent--active: #60A6F5;
@@ -409,6 +415,9 @@
 @color-separator-primary3x: #505253;
 @color-separator-primary3x--hover: #57595A;
 @color-separator-primary3x--active: #5E6061;
+@color-stroke-button: #FFFFFF;
+@color-stroke-button--hover: #EBEDF0;
+@color-stroke-button--active: #D7D8DB;
 @color-accent-blue: #529EF4;
 @color-accent-blue--hover: #59A2F4;
 @color-accent-blue--active: #60A6F5;

package/themes/octaviusVKDark/index.pcss

@@ -329,6 +329,9 @@
 	--color-text-positive: #4BB34B;
 	--color-text-positive--hover: #52B652;
 	--color-text-positive--active: #59B959;
+	--color-text-button: #FFFFFF;
+	--color-text-button--hover: #EBEDF0;
+	--color-text-button--active: #D7D8DB;
 	--color-icon-accent: #529EF4;
 	--color-icon-accent--hover: #59A2F4;
 	--color-icon-accent--active: #60A6F5;
@@ -374,6 +377,9 @@
 	--color-icon-contrast-secondary: #F2F3F5;
 	--color-icon-contrast-secondary--hover: #F3F3F5;
 	--color-icon-contrast-secondary--active: #F3F4F6;
+	--color-icon-button: #FFFFFF;
+	--color-icon-button--hover: #EBEDF0;
+	--color-icon-button--active: #D7D8DB;
 	--color-stroke-accent: #529EF4;
 	--color-stroke-accent--hover: #59A2F4;
 	--color-stroke-accent--active: #60A6F5;
@@ -410,6 +416,9 @@
 	--color-separator-primary3x: #505253;
 	--color-separator-primary3x--hover: #57595A;
 	--color-separator-primary3x--active: #5E6061;
+	--color-stroke-button: #FFFFFF;
+	--color-stroke-button--hover: #EBEDF0;
+	--color-stroke-button--active: #D7D8DB;
 	--color-accent-blue: #529EF4;
 	--color-accent-blue--hover: #59A2F4;
 	--color-accent-blue--active: #60A6F5;

package/themes/octaviusVKDark/index.scss

@@ -328,6 +328,9 @@ $color-link-contrast--active: #D7D8DB;
 $color-text-positive: #4BB34B;
 $color-text-positive--hover: #52B652;
 $color-text-positive--active: #59B959;
+$color-text-button: #FFFFFF;
+$color-text-button--hover: #EBEDF0;
+$color-text-button--active: #D7D8DB;
 $color-icon-accent: #529EF4;
 $color-icon-accent--hover: #59A2F4;
 $color-icon-accent--active: #60A6F5;
@@ -373,6 +376,9 @@ $color-icon-positive--active: #59B959;
 $color-icon-contrast-secondary: #F2F3F5;
 $color-icon-contrast-secondary--hover: #F3F3F5;
 $color-icon-contrast-secondary--active: #F3F4F6;
+$color-icon-button: #FFFFFF;
+$color-icon-button--hover: #EBEDF0;
+$color-icon-button--active: #D7D8DB;
 $color-stroke-accent: #529EF4;
 $color-stroke-accent--hover: #59A2F4;
 $color-stroke-accent--active: #60A6F5;
@@ -409,6 +415,9 @@ $color-separator-primary2x--active: #535455;
 $color-separator-primary3x: #505253;
 $color-separator-primary3x--hover: #57595A;
 $color-separator-primary3x--active: #5E6061;
+$color-stroke-button: #FFFFFF;
+$color-stroke-button--hover: #EBEDF0;
+$color-stroke-button--active: #D7D8DB;
 $color-accent-blue: #529EF4;
 $color-accent-blue--hover: #59A2F4;
 $color-accent-blue--active: #60A6F5;

package/themes/octaviusVKDark/index.styl

@@ -328,6 +328,9 @@ $color-link-contrast--active = #D7D8DB;
 $color-text-positive = #4BB34B;
 $color-text-positive--hover = #52B652;
 $color-text-positive--active = #59B959;
+$color-text-button = #FFFFFF;
+$color-text-button--hover = #EBEDF0;
+$color-text-button--active = #D7D8DB;
 $color-icon-accent = #529EF4;
 $color-icon-accent--hover = #59A2F4;
 $color-icon-accent--active = #60A6F5;
@@ -373,6 +376,9 @@ $color-icon-positive--active = #59B959;
 $color-icon-contrast-secondary = #F2F3F5;
 $color-icon-contrast-secondary--hover = #F3F3F5;
 $color-icon-contrast-secondary--active = #F3F4F6;
+$color-icon-button = #FFFFFF;
+$color-icon-button--hover = #EBEDF0;
+$color-icon-button--active = #D7D8DB;
 $color-stroke-accent = #529EF4;
 $color-stroke-accent--hover = #59A2F4;
 $color-stroke-accent--active = #60A6F5;
@@ -409,6 +415,9 @@ $color-separator-primary2x--active = #535455;
 $color-separator-primary3x = #505253;
 $color-separator-primary3x--hover = #57595A;
 $color-separator-primary3x--active = #5E6061;
+$color-stroke-button = #FFFFFF;
+$color-stroke-button--hover = #EBEDF0;
+$color-stroke-button--active = #D7D8DB;
 $color-accent-blue = #529EF4;
 $color-accent-blue--hover = #59A2F4;
 $color-accent-blue--active = #60A6F5;

package/themes/octaviusVKDark/struct.json

@@ -1412,6 +1412,11 @@
 			"hover": "#52B652",
 			"active": "#59B959"
 		},
+		"colorTextButton": {
+			"normal": "#FFFFFF",
+			"hover": "#EBEDF0",
+			"active": "#D7D8DB"
+		},
 		"colorIconAccent": {
 			"normal": "#529EF4",
 			"hover": "#59A2F4",
@@ -1487,6 +1492,11 @@
 			"hover": "#F3F3F5",
 			"active": "#F3F4F6"
 		},
+		"colorIconButton": {
+			"normal": "#FFFFFF",
+			"hover": "#EBEDF0",
+			"active": "#D7D8DB"
+		},
 		"colorStrokeAccent": {
 			"normal": "#529EF4",
 			"hover": "#59A2F4",
@@ -1547,6 +1557,11 @@
 			"hover": "#57595A",
 			"active": "#5E6061"
 		},
+		"colorStrokeButton": {
+			"normal": "#FFFFFF",
+			"hover": "#EBEDF0",
+			"active": "#D7D8DB"
+		},
 		"colorAccentBlue": {
 			"normal": "#529EF4",
 			"hover": "#59A2F4",