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

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

@@ -186,9 +186,9 @@ $color-text-primary--active = var(--vkui--color_text_primary--active, #E3E5E8);
 $color-text-primary-invariably = var(--vkui--color_text_primary_invariably, #333333);
 $color-text-primary-invariably--hover = var(--vkui--color_text_primary_invariably--hover, #3B3B3B);
 $color-text-primary-invariably--active = var(--vkui--color_text_primary_invariably--active, #434343);
-$color-text-secondary = var(--vkui--color_text_secondary, #B2B2B2);
-$color-text-secondary--hover = var(--vkui--color_text_secondary--hover, #B5B5B5);
-$color-text-secondary--active = var(--vkui--color_text_secondary--active, #B8B8B8);
+$color-text-secondary = var(--vkui--color_text_secondary, #828282);
+$color-text-secondary--hover = var(--vkui--color_text_secondary--hover, #878787);
+$color-text-secondary--active = var(--vkui--color_text_secondary--active, #8C8C8C);
 $color-text-subhead = var(--vkui--color_text_subhead, #939393);
 $color-text-subhead--hover = var(--vkui--color_text_subhead--hover, #979797);
 $color-text-subhead--active = var(--vkui--color_text_subhead--active, #9C9C9C);
@@ -225,6 +225,9 @@ $color-text-muted--active = var(--vkui--color_text_muted--active, #D0D0D0);
 $color-link-contrast = var(--vkui--color_link_contrast, #CCCCCC);
 $color-link-contrast--hover = var(--vkui--color_link_contrast--hover, #CECECE);
 $color-link-contrast--active = var(--vkui--color_link_contrast--active, #D0D0D0);
+$color-text-button = var(--vkui--color_text_button, #E1E3E6);
+$color-text-button--hover = var(--vkui--color_text_button--hover, #E2E4E7);
+$color-text-button--active = var(--vkui--color_text_button--active, #E3E5E8);
 $color-icon-accent = var(--vkui--color_icon_accent, #71AAEB);
 $color-icon-accent--hover = var(--vkui--color_icon_accent--hover, #77ADEC);
 $color-icon-accent--active = var(--vkui--color_icon_accent--active, #7CB1ED);
@@ -270,6 +273,9 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #59B959)
 $color-icon-negative = var(--vkui--color_icon_negative, #FF5C5C);
 $color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #FF6363);
 $color-icon-negative--active = var(--vkui--color_icon_negative--active, #FF6969);
+$color-icon-button = var(--vkui--color_icon_button, #E1E3E6);
+$color-icon-button--hover = var(--vkui--color_icon_button--hover, #E2E4E7);
+$color-icon-button--active = var(--vkui--color_icon_button--active, #E3E5E8);
 $color-stroke-accent = var(--vkui--color_stroke_accent, #71AAEB);
 $color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #77ADEC);
 $color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #7CB1ED);
@@ -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(255, 255, 255, 0.12));
 $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16));
 $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2));
+$color-stroke-button = var(--vkui--color_stroke_button, #E1E3E6);
+$color-stroke-button--hover = var(--vkui--color_stroke_button--hover, #E2E4E7);
+$color-stroke-button--active = var(--vkui--color_stroke_button--active, #E3E5E8);
 $color-accent-blue = var(--vkui--color_accent_blue, #397DCC);
 $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #4182CE);
 $color-accent-blue--active = var(--vkui--color_accent_blue--active, #4987D0);

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

@@ -1920,15 +1920,15 @@ var theme = {
     "colorTextSecondary": {
         "normal": {
             "name": "--vkui--color_text_secondary",
-            "value": "var(--vkui--color_text_secondary, #B2B2B2)"
+            "value": "var(--vkui--color_text_secondary, #828282)"
         },
         "hover": {
             "name": "--vkui--color_text_secondary--hover",
-            "value": "var(--vkui--color_text_secondary--hover, #B5B5B5)"
+            "value": "var(--vkui--color_text_secondary--hover, #878787)"
         },
         "active": {
             "name": "--vkui--color_text_secondary--active",
-            "value": "var(--vkui--color_text_secondary--active, #B8B8B8)"
+            "value": "var(--vkui--color_text_secondary--active, #8C8C8C)"
         }
     },
     "colorTextSubhead": {
@@ -2099,6 +2099,20 @@ var theme = {
             "value": "var(--vkui--color_link_contrast--active, #D0D0D0)"
         }
     },
+    "colorTextButton": {
+        "normal": {
+            "name": "--vkui--color_text_button",
+            "value": "var(--vkui--color_text_button, #E1E3E6)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_button--hover",
+            "value": "var(--vkui--color_text_button--hover, #E2E4E7)"
+        },
+        "active": {
+            "name": "--vkui--color_text_button--active",
+            "value": "var(--vkui--color_text_button--active, #E3E5E8)"
+        }
+    },
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
@@ -2309,6 +2323,20 @@ var theme = {
             "value": "var(--vkui--color_icon_negative--active, #FF6969)"
         }
     },
+    "colorIconButton": {
+        "normal": {
+            "name": "--vkui--color_icon_button",
+            "value": "var(--vkui--color_icon_button, #E1E3E6)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_button--hover",
+            "value": "var(--vkui--color_icon_button--hover, #E2E4E7)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_button--active",
+            "value": "var(--vkui--color_icon_button--active, #E3E5E8)"
+        }
+    },
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
@@ -2477,6 +2505,20 @@ var theme = {
             "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))"
         }
     },
+    "colorStrokeButton": {
+        "normal": {
+            "name": "--vkui--color_stroke_button",
+            "value": "var(--vkui--color_stroke_button, #E1E3E6)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_button--hover",
+            "value": "var(--vkui--color_stroke_button--hover, #E2E4E7)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_button--active",
+            "value": "var(--vkui--color_stroke_button--active, #E3E5E8)"
+        }
+    },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",

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

@@ -1918,15 +1918,15 @@
 	"colorTextSecondary": {
 		"normal": {
 			"name": "--vkui--color_text_secondary",
-			"value": "var(--vkui--color_text_secondary, #B2B2B2)"
+			"value": "var(--vkui--color_text_secondary, #828282)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_secondary--hover",
-			"value": "var(--vkui--color_text_secondary--hover, #B5B5B5)"
+			"value": "var(--vkui--color_text_secondary--hover, #878787)"
 		},
 		"active": {
 			"name": "--vkui--color_text_secondary--active",
-			"value": "var(--vkui--color_text_secondary--active, #B8B8B8)"
+			"value": "var(--vkui--color_text_secondary--active, #8C8C8C)"
 		}
 	},
 	"colorTextSubhead": {
@@ -2097,6 +2097,20 @@
 			"value": "var(--vkui--color_link_contrast--active, #D0D0D0)"
 		}
 	},
+	"colorTextButton": {
+		"normal": {
+			"name": "--vkui--color_text_button",
+			"value": "var(--vkui--color_text_button, #E1E3E6)"
+		},
+		"hover": {
+			"name": "--vkui--color_text_button--hover",
+			"value": "var(--vkui--color_text_button--hover, #E2E4E7)"
+		},
+		"active": {
+			"name": "--vkui--color_text_button--active",
+			"value": "var(--vkui--color_text_button--active, #E3E5E8)"
+		}
+	},
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
@@ -2307,6 +2321,20 @@
 			"value": "var(--vkui--color_icon_negative--active, #FF6969)"
 		}
 	},
+	"colorIconButton": {
+		"normal": {
+			"name": "--vkui--color_icon_button",
+			"value": "var(--vkui--color_icon_button, #E1E3E6)"
+		},
+		"hover": {
+			"name": "--vkui--color_icon_button--hover",
+			"value": "var(--vkui--color_icon_button--hover, #E2E4E7)"
+		},
+		"active": {
+			"name": "--vkui--color_icon_button--active",
+			"value": "var(--vkui--color_icon_button--active, #E3E5E8)"
+		}
+	},
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
@@ -2475,6 +2503,20 @@
 			"value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))"
 		}
 	},
+	"colorStrokeButton": {
+		"normal": {
+			"name": "--vkui--color_stroke_button",
+			"value": "var(--vkui--color_stroke_button, #E1E3E6)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_button--hover",
+			"value": "var(--vkui--color_stroke_button--hover, #E2E4E7)"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_button--active",
+			"value": "var(--vkui--color_stroke_button--active, #E3E5E8)"
+		}
+	},
 	"colorAccentBlue": {
 		"normal": {
 			"name": "--vkui--color_accent_blue",

package/themes/vkComDark/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/vkComDark/index.css

@@ -269,9 +269,9 @@
 	--vkui--color_text_primary_invariably: #333333;
 	--vkui--color_text_primary_invariably--hover: #3B3B3B;
 	--vkui--color_text_primary_invariably--active: #434343;
-	--vkui--color_text_secondary: #B2B2B2;
-	--vkui--color_text_secondary--hover: #B5B5B5;
-	--vkui--color_text_secondary--active: #B8B8B8;
+	--vkui--color_text_secondary: #828282;
+	--vkui--color_text_secondary--hover: #878787;
+	--vkui--color_text_secondary--active: #8C8C8C;
 	--vkui--color_text_subhead: #939393;
 	--vkui--color_text_subhead--hover: #979797;
 	--vkui--color_text_subhead--active: #9C9C9C;
@@ -308,6 +308,9 @@
 	--vkui--color_link_contrast: #CCCCCC;
 	--vkui--color_link_contrast--hover: #CECECE;
 	--vkui--color_link_contrast--active: #D0D0D0;
+	--vkui--color_text_button: #E1E3E6;
+	--vkui--color_text_button--hover: #E2E4E7;
+	--vkui--color_text_button--active: #E3E5E8;
 	--vkui--color_icon_accent: #71AAEB;
 	--vkui--color_icon_accent--hover: #77ADEC;
 	--vkui--color_icon_accent--active: #7CB1ED;
@@ -353,6 +356,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--vkui--color_icon_button: #E1E3E6;
+	--vkui--color_icon_button--hover: #E2E4E7;
+	--vkui--color_icon_button--active: #E3E5E8;
 	--vkui--color_stroke_accent: #71AAEB;
 	--vkui--color_stroke_accent--hover: #77ADEC;
 	--vkui--color_stroke_accent--active: #7CB1ED;
@@ -389,6 +395,9 @@
 	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_stroke_button: #E1E3E6;
+	--vkui--color_stroke_button--hover: #E2E4E7;
+	--vkui--color_stroke_button--active: #E3E5E8;
 	--vkui--color_accent_blue: #397DCC;
 	--vkui--color_accent_blue--hover: #4182CE;
 	--vkui--color_accent_blue--active: #4987D0;

package/themes/vkComDark/index.js

@@ -530,9 +530,9 @@ var theme = {
         "active": "#434343"
     },
     "colorTextSecondary": {
-        "normal": "#B2B2B2",
-        "hover": "#B5B5B5",
-        "active": "#B8B8B8"
+        "normal": "#828282",
+        "hover": "#878787",
+        "active": "#8C8C8C"
     },
     "colorTextSubhead": {
         "normal": "#939393",
@@ -594,6 +594,11 @@ var theme = {
         "hover": "#CECECE",
         "active": "#D0D0D0"
     },
+    "colorTextButton": {
+        "normal": "#E1E3E6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
     "colorIconAccent": {
         "normal": "#71AAEB",
         "hover": "#77ADEC",
@@ -669,6 +674,11 @@ var theme = {
         "hover": "#FF6363",
         "active": "#FF6969"
     },
+    "colorIconButton": {
+        "normal": "#E1E3E6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
     "colorStrokeAccent": {
         "normal": "#71AAEB",
         "hover": "#77ADEC",
@@ -729,6 +739,11 @@ var theme = {
         "hover": "rgba(255, 255, 255, 0.16)",
         "active": "rgba(255, 255, 255, 0.2)"
     },
+    "colorStrokeButton": {
+        "normal": "#E1E3E6",
+        "hover": "#E2E4E7",
+        "active": "#E3E5E8"
+    },
     "colorAccentBlue": {
         "normal": "#397DCC",
         "hover": "#4182CE",

package/themes/vkComDark/index.json

@@ -528,9 +528,9 @@
 		"active": "#434343"
 	},
 	"colorTextSecondary": {
-		"normal": "#B2B2B2",
-		"hover": "#B5B5B5",
-		"active": "#B8B8B8"
+		"normal": "#828282",
+		"hover": "#878787",
+		"active": "#8C8C8C"
 	},
 	"colorTextSubhead": {
 		"normal": "#939393",
@@ -592,6 +592,11 @@
 		"hover": "#CECECE",
 		"active": "#D0D0D0"
 	},
+	"colorTextButton": {
+		"normal": "#E1E3E6",
+		"hover": "#E2E4E7",
+		"active": "#E3E5E8"
+	},
 	"colorIconAccent": {
 		"normal": "#71AAEB",
 		"hover": "#77ADEC",
@@ -667,6 +672,11 @@
 		"hover": "#FF6363",
 		"active": "#FF6969"
 	},
+	"colorIconButton": {
+		"normal": "#E1E3E6",
+		"hover": "#E2E4E7",
+		"active": "#E3E5E8"
+	},
 	"colorStrokeAccent": {
 		"normal": "#71AAEB",
 		"hover": "#77ADEC",
@@ -727,6 +737,11 @@
 		"hover": "rgba(255, 255, 255, 0.16)",
 		"active": "rgba(255, 255, 255, 0.2)"
 	},
+	"colorStrokeButton": {
+		"normal": "#E1E3E6",
+		"hover": "#E2E4E7",
+		"active": "#E3E5E8"
+	},
 	"colorAccentBlue": {
 		"normal": "#397DCC",
 		"hover": "#4182CE",

package/themes/vkComDark/index.less

@@ -186,9 +186,9 @@
 @color-text-primary-invariably: #333333;
 @color-text-primary-invariably--hover: #3B3B3B;
 @color-text-primary-invariably--active: #434343;
-@color-text-secondary: #B2B2B2;
-@color-text-secondary--hover: #B5B5B5;
-@color-text-secondary--active: #B8B8B8;
+@color-text-secondary: #828282;
+@color-text-secondary--hover: #878787;
+@color-text-secondary--active: #8C8C8C;
 @color-text-subhead: #939393;
 @color-text-subhead--hover: #979797;
 @color-text-subhead--active: #9C9C9C;
@@ -225,6 +225,9 @@
 @color-link-contrast: #CCCCCC;
 @color-link-contrast--hover: #CECECE;
 @color-link-contrast--active: #D0D0D0;
+@color-text-button: #E1E3E6;
+@color-text-button--hover: #E2E4E7;
+@color-text-button--active: #E3E5E8;
 @color-icon-accent: #71AAEB;
 @color-icon-accent--hover: #77ADEC;
 @color-icon-accent--active: #7CB1ED;
@@ -270,6 +273,9 @@
 @color-icon-negative: #FF5C5C;
 @color-icon-negative--hover: #FF6363;
 @color-icon-negative--active: #FF6969;
+@color-icon-button: #E1E3E6;
+@color-icon-button--hover: #E2E4E7;
+@color-icon-button--active: #E3E5E8;
 @color-stroke-accent: #71AAEB;
 @color-stroke-accent--hover: #77ADEC;
 @color-stroke-accent--active: #7CB1ED;
@@ -306,6 +312,9 @@
 @color-field-border-alpha: rgba(255, 255, 255, 0.12);
 @color-field-border-alpha--hover: rgba(255, 255, 255, 0.16);
 @color-field-border-alpha--active: rgba(255, 255, 255, 0.2);
+@color-stroke-button: #E1E3E6;
+@color-stroke-button--hover: #E2E4E7;
+@color-stroke-button--active: #E3E5E8;
 @color-accent-blue: #397DCC;
 @color-accent-blue--hover: #4182CE;
 @color-accent-blue--active: #4987D0;

package/themes/vkComDark/index.pcss

@@ -187,9 +187,9 @@
 	--color-text-primary-invariably: #333333;
 	--color-text-primary-invariably--hover: #3B3B3B;
 	--color-text-primary-invariably--active: #434343;
-	--color-text-secondary: #B2B2B2;
-	--color-text-secondary--hover: #B5B5B5;
-	--color-text-secondary--active: #B8B8B8;
+	--color-text-secondary: #828282;
+	--color-text-secondary--hover: #878787;
+	--color-text-secondary--active: #8C8C8C;
 	--color-text-subhead: #939393;
 	--color-text-subhead--hover: #979797;
 	--color-text-subhead--active: #9C9C9C;
@@ -226,6 +226,9 @@
 	--color-link-contrast: #CCCCCC;
 	--color-link-contrast--hover: #CECECE;
 	--color-link-contrast--active: #D0D0D0;
+	--color-text-button: #E1E3E6;
+	--color-text-button--hover: #E2E4E7;
+	--color-text-button--active: #E3E5E8;
 	--color-icon-accent: #71AAEB;
 	--color-icon-accent--hover: #77ADEC;
 	--color-icon-accent--active: #7CB1ED;
@@ -271,6 +274,9 @@
 	--color-icon-negative: #FF5C5C;
 	--color-icon-negative--hover: #FF6363;
 	--color-icon-negative--active: #FF6969;
+	--color-icon-button: #E1E3E6;
+	--color-icon-button--hover: #E2E4E7;
+	--color-icon-button--active: #E3E5E8;
 	--color-stroke-accent: #71AAEB;
 	--color-stroke-accent--hover: #77ADEC;
 	--color-stroke-accent--active: #7CB1ED;
@@ -307,6 +313,9 @@
 	--color-field-border-alpha: rgba(255, 255, 255, 0.12);
 	--color-field-border-alpha--hover: rgba(255, 255, 255, 0.16);
 	--color-field-border-alpha--active: rgba(255, 255, 255, 0.2);
+	--color-stroke-button: #E1E3E6;
+	--color-stroke-button--hover: #E2E4E7;
+	--color-stroke-button--active: #E3E5E8;
 	--color-accent-blue: #397DCC;
 	--color-accent-blue--hover: #4182CE;
 	--color-accent-blue--active: #4987D0;

package/themes/vkComDark/index.scss

@@ -186,9 +186,9 @@ $color-text-primary--active: #E3E5E8;
 $color-text-primary-invariably: #333333;
 $color-text-primary-invariably--hover: #3B3B3B;
 $color-text-primary-invariably--active: #434343;
-$color-text-secondary: #B2B2B2;
-$color-text-secondary--hover: #B5B5B5;
-$color-text-secondary--active: #B8B8B8;
+$color-text-secondary: #828282;
+$color-text-secondary--hover: #878787;
+$color-text-secondary--active: #8C8C8C;
 $color-text-subhead: #939393;
 $color-text-subhead--hover: #979797;
 $color-text-subhead--active: #9C9C9C;
@@ -225,6 +225,9 @@ $color-text-muted--active: #D0D0D0;
 $color-link-contrast: #CCCCCC;
 $color-link-contrast--hover: #CECECE;
 $color-link-contrast--active: #D0D0D0;
+$color-text-button: #E1E3E6;
+$color-text-button--hover: #E2E4E7;
+$color-text-button--active: #E3E5E8;
 $color-icon-accent: #71AAEB;
 $color-icon-accent--hover: #77ADEC;
 $color-icon-accent--active: #7CB1ED;
@@ -270,6 +273,9 @@ $color-icon-positive--active: #59B959;
 $color-icon-negative: #FF5C5C;
 $color-icon-negative--hover: #FF6363;
 $color-icon-negative--active: #FF6969;
+$color-icon-button: #E1E3E6;
+$color-icon-button--hover: #E2E4E7;
+$color-icon-button--active: #E3E5E8;
 $color-stroke-accent: #71AAEB;
 $color-stroke-accent--hover: #77ADEC;
 $color-stroke-accent--active: #7CB1ED;
@@ -306,6 +312,9 @@ $color-image-border-alpha--active: rgba(255, 255, 255, 0.16);
 $color-field-border-alpha: rgba(255, 255, 255, 0.12);
 $color-field-border-alpha--hover: rgba(255, 255, 255, 0.16);
 $color-field-border-alpha--active: rgba(255, 255, 255, 0.2);
+$color-stroke-button: #E1E3E6;
+$color-stroke-button--hover: #E2E4E7;
+$color-stroke-button--active: #E3E5E8;
 $color-accent-blue: #397DCC;
 $color-accent-blue--hover: #4182CE;
 $color-accent-blue--active: #4987D0;

package/themes/vkComDark/index.styl

@@ -186,9 +186,9 @@ $color-text-primary--active = #E3E5E8;
 $color-text-primary-invariably = #333333;
 $color-text-primary-invariably--hover = #3B3B3B;
 $color-text-primary-invariably--active = #434343;
-$color-text-secondary = #B2B2B2;
-$color-text-secondary--hover = #B5B5B5;
-$color-text-secondary--active = #B8B8B8;
+$color-text-secondary = #828282;
+$color-text-secondary--hover = #878787;
+$color-text-secondary--active = #8C8C8C;
 $color-text-subhead = #939393;
 $color-text-subhead--hover = #979797;
 $color-text-subhead--active = #9C9C9C;
@@ -225,6 +225,9 @@ $color-text-muted--active = #D0D0D0;
 $color-link-contrast = #CCCCCC;
 $color-link-contrast--hover = #CECECE;
 $color-link-contrast--active = #D0D0D0;
+$color-text-button = #E1E3E6;
+$color-text-button--hover = #E2E4E7;
+$color-text-button--active = #E3E5E8;
 $color-icon-accent = #71AAEB;
 $color-icon-accent--hover = #77ADEC;
 $color-icon-accent--active = #7CB1ED;
@@ -270,6 +273,9 @@ $color-icon-positive--active = #59B959;
 $color-icon-negative = #FF5C5C;
 $color-icon-negative--hover = #FF6363;
 $color-icon-negative--active = #FF6969;
+$color-icon-button = #E1E3E6;
+$color-icon-button--hover = #E2E4E7;
+$color-icon-button--active = #E3E5E8;
 $color-stroke-accent = #71AAEB;
 $color-stroke-accent--hover = #77ADEC;
 $color-stroke-accent--active = #7CB1ED;
@@ -306,6 +312,9 @@ $color-image-border-alpha--active = rgba(255, 255, 255, 0.16);
 $color-field-border-alpha = rgba(255, 255, 255, 0.12);
 $color-field-border-alpha--hover = rgba(255, 255, 255, 0.16);
 $color-field-border-alpha--active = rgba(255, 255, 255, 0.2);
+$color-stroke-button = #E1E3E6;
+$color-stroke-button--hover = #E2E4E7;
+$color-stroke-button--active = #E3E5E8;
 $color-accent-blue = #397DCC;
 $color-accent-blue--hover = #4182CE;
 $color-accent-blue--active = #4987D0;

package/themes/vkComDark/struct.json

@@ -554,9 +554,9 @@
 			"active": "#434343"
 		},
 		"colorTextSecondary": {
-			"normal": "#B2B2B2",
-			"hover": "#B5B5B5",
-			"active": "#B8B8B8"
+			"normal": "#828282",
+			"hover": "#878787",
+			"active": "#8C8C8C"
 		},
 		"colorTextSubhead": {
 			"normal": "#939393",
@@ -618,6 +618,11 @@
 			"hover": "#CECECE",
 			"active": "#D0D0D0"
 		},
+		"colorTextButton": {
+			"normal": "#E1E3E6",
+			"hover": "#E2E4E7",
+			"active": "#E3E5E8"
+		},
 		"colorIconAccent": {
 			"normal": "#71AAEB",
 			"hover": "#77ADEC",
@@ -693,6 +698,11 @@
 			"hover": "#FF6363",
 			"active": "#FF6969"
 		},
+		"colorIconButton": {
+			"normal": "#E1E3E6",
+			"hover": "#E2E4E7",
+			"active": "#E3E5E8"
+		},
 		"colorStrokeAccent": {
 			"normal": "#71AAEB",
 			"hover": "#77ADEC",
@@ -753,6 +763,11 @@
 			"hover": "rgba(255, 255, 255, 0.16)",
 			"active": "rgba(255, 255, 255, 0.2)"
 		},
+		"colorStrokeButton": {
+			"normal": "#E1E3E6",
+			"hover": "#E2E4E7",
+			"active": "#E3E5E8"
+		},
 		"colorAccentBlue": {
 			"normal": "#397DCC",
 			"hover": "#4182CE",

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

@@ -308,6 +308,9 @@
 	--vkui--color_link_contrast: #FFFFFF;
 	--vkui--color_link_contrast--hover: #F5F5F7;
 	--vkui--color_link_contrast--active: #EBECEF;
+	--vkui--color_text_button: #2688EB;
+	--vkui--color_text_button--hover: #2483E4;
+	--vkui--color_text_button--active: #237EDD;
 	--vkui--color_icon_accent: #2688EB;
 	--vkui--color_icon_accent--hover: #2483E4;
 	--vkui--color_icon_accent--active: #237EDD;
@@ -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: #2688EB;
+	--vkui--color_icon_button--hover: #2483E4;
+	--vkui--color_icon_button--active: #237EDD;
 	--vkui--color_stroke_accent: #2688EB;
 	--vkui--color_stroke_accent--hover: #2483E4;
 	--vkui--color_stroke_accent--active: #237EDD;
@@ -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: #2688EB;
+	--vkui--color_stroke_button--hover: #2483E4;
+	--vkui--color_stroke_button--active: #237EDD;
 	--vkui--color_accent_blue: #3F8AE0;
 	--vkui--color_accent_blue--hover: #3C85D9;
 	--vkui--color_accent_blue--active: #3A80D3;

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

@@ -142,6 +142,9 @@
 	--vkui--color_link_contrast: #FFFFFF;
 	--vkui--color_link_contrast--hover: #F5F5F7;
 	--vkui--color_link_contrast--active: #EBECEF;
+	--vkui--color_text_button: #2688EB;
+	--vkui--color_text_button--hover: #2483E4;
+	--vkui--color_text_button--active: #237EDD;
 	--vkui--color_icon_accent: #2688EB;
 	--vkui--color_icon_accent--hover: #2483E4;
 	--vkui--color_icon_accent--active: #237EDD;
@@ -187,6 +190,9 @@
 	--vkui--color_icon_negative: #E64646;
 	--vkui--color_icon_negative--hover: #DD4446;
 	--vkui--color_icon_negative--active: #D44245;
+	--vkui--color_icon_button: #2688EB;
+	--vkui--color_icon_button--hover: #2483E4;
+	--vkui--color_icon_button--active: #237EDD;
 	--vkui--color_stroke_accent: #2688EB;
 	--vkui--color_stroke_accent--hover: #2483E4;
 	--vkui--color_stroke_accent--active: #237EDD;
@@ -223,6 +229,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: #2688EB;
+	--vkui--color_stroke_button--hover: #2483E4;
+	--vkui--color_stroke_button--active: #237EDD;
 	--vkui--color_accent_blue: #3F8AE0;
 	--vkui--color_accent_blue--hover: #3C85D9;
 	--vkui--color_accent_blue--active: #3A80D3;