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

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

@@ -2235,6 +2235,20 @@ var theme = {
             "value": "var(--vkui--color_link_contrast--active, #EBECEF)"
         }
     },
+    "colorTextButton": {
+        "normal": {
+            "name": "--vkui--color_text_button",
+            "value": "var(--vkui--color_text_button, #2688EB)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_button--hover",
+            "value": "var(--vkui--color_text_button--hover, #2483E4)"
+        },
+        "active": {
+            "name": "--vkui--color_text_button--active",
+            "value": "var(--vkui--color_text_button--active, #237EDD)"
+        }
+    },
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
@@ -2445,6 +2459,20 @@ var theme = {
             "value": "var(--vkui--color_icon_negative--active, #D44245)"
         }
     },
+    "colorIconButton": {
+        "normal": {
+            "name": "--vkui--color_icon_button",
+            "value": "var(--vkui--color_icon_button, #2688EB)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_button--hover",
+            "value": "var(--vkui--color_icon_button--hover, #2483E4)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_button--active",
+            "value": "var(--vkui--color_icon_button--active, #237EDD)"
+        }
+    },
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
@@ -2613,6 +2641,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, #2688EB)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_button--hover",
+            "value": "var(--vkui--color_stroke_button--hover, #2483E4)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_button--active",
+            "value": "var(--vkui--color_stroke_button--active, #237EDD)"
+        }
+    },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",

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

@@ -2233,6 +2233,20 @@
 			"value": "var(--vkui--color_link_contrast--active, #EBECEF)"
 		}
 	},
+	"colorTextButton": {
+		"normal": {
+			"name": "--vkui--color_text_button",
+			"value": "var(--vkui--color_text_button, #2688EB)"
+		},
+		"hover": {
+			"name": "--vkui--color_text_button--hover",
+			"value": "var(--vkui--color_text_button--hover, #2483E4)"
+		},
+		"active": {
+			"name": "--vkui--color_text_button--active",
+			"value": "var(--vkui--color_text_button--active, #237EDD)"
+		}
+	},
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
@@ -2443,6 +2457,20 @@
 			"value": "var(--vkui--color_icon_negative--active, #D44245)"
 		}
 	},
+	"colorIconButton": {
+		"normal": {
+			"name": "--vkui--color_icon_button",
+			"value": "var(--vkui--color_icon_button, #2688EB)"
+		},
+		"hover": {
+			"name": "--vkui--color_icon_button--hover",
+			"value": "var(--vkui--color_icon_button--hover, #2483E4)"
+		},
+		"active": {
+			"name": "--vkui--color_icon_button--active",
+			"value": "var(--vkui--color_icon_button--active, #237EDD)"
+		}
+	},
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
@@ -2611,6 +2639,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, #2688EB)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_button--hover",
+			"value": "var(--vkui--color_stroke_button--hover, #2483E4)"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_button--active",
+			"value": "var(--vkui--color_stroke_button--active, #237EDD)"
+		}
+	},
 	"colorAccentBlue": {
 		"normal": {
 			"name": "--vkui--color_accent_blue",

package/themes/vkontakteIOS/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",
@@ -2494,10 +2529,78 @@
       }
     ]
   },
+  "vkontakteBackgroundHoverAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorAccentAlternate": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorActionSheetSeparatorAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorAlphaSkeletonShimmerTo": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundKeyboard": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundSuggestions": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundTextAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentPlaceholderIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentTintForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlTintMuted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderTabActiveIndicator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineMedium": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineSecondary": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": {
     "tags": [],
     "desc": []
@@ -2546,14 +2649,98 @@
     "tags": [],
     "desc": []
   },
+  "vkontakteColorLoaderBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLoaderTint": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorModalCardBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorModalCardHeaderClose": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorMusicPlaybackIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPanelTabActiveText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundPrimary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPollOptionBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSkeletonShimmerFrom": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSnippetBackground": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorSnippetBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorSplashScreenIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorStatusBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarActiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarInactiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarTabletTextSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTextName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorToolbarAttachBackgroundFrom": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteGradientAquamarineBlue": {
     "tags": [
       "gradient"
@@ -2928,6 +3115,42 @@
       }
     ]
   },
+  "vkontakteImAttachTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackgroundHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleOutgoingAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImReplySeparator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImToolbarVoiceMsgBackground": {
+    "tags": [],
+    "desc": []
+  },
   "zIndexModal": {
     "tags": [
       "z-index"

package/themes/vkontakteIOS/index.css

@@ -342,6 +342,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;
@@ -387,6 +390,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;
@@ -423,6 +429,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/vkontakteIOS/index.js

@@ -628,6 +628,11 @@ var theme = {
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
+    "colorTextButton": {
+        "normal": "#2688EB",
+        "hover": "#2483E4",
+        "active": "#237EDD"
+    },
     "colorIconAccent": {
         "normal": "#2688EB",
         "hover": "#2483E4",
@@ -703,6 +708,11 @@ var theme = {
         "hover": "#DD4446",
         "active": "#D44245"
     },
+    "colorIconButton": {
+        "normal": "#2688EB",
+        "hover": "#2483E4",
+        "active": "#237EDD"
+    },
     "colorStrokeAccent": {
         "normal": "#2688EB",
         "hover": "#2483E4",
@@ -763,6 +773,11 @@ var theme = {
         "hover": "rgba(0, 0, 0, 0.24)",
         "active": "rgba(0, 0, 0, 0.36)"
     },
+    "colorStrokeButton": {
+        "normal": "#2688EB",
+        "hover": "#2483E4",
+        "active": "#237EDD"
+    },
     "colorAccentBlue": {
         "normal": "#3F8AE0",
         "hover": "#3C85D9",

package/themes/vkontakteIOS/index.json

@@ -626,6 +626,11 @@
 		"hover": "#F5F5F7",
 		"active": "#EBECEF"
 	},
+	"colorTextButton": {
+		"normal": "#2688EB",
+		"hover": "#2483E4",
+		"active": "#237EDD"
+	},
 	"colorIconAccent": {
 		"normal": "#2688EB",
 		"hover": "#2483E4",
@@ -701,6 +706,11 @@
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
+	"colorIconButton": {
+		"normal": "#2688EB",
+		"hover": "#2483E4",
+		"active": "#237EDD"
+	},
 	"colorStrokeAccent": {
 		"normal": "#2688EB",
 		"hover": "#2483E4",
@@ -761,6 +771,11 @@
 		"hover": "rgba(0, 0, 0, 0.24)",
 		"active": "rgba(0, 0, 0, 0.36)"
 	},
+	"colorStrokeButton": {
+		"normal": "#2688EB",
+		"hover": "#2483E4",
+		"active": "#237EDD"
+	},
 	"colorAccentBlue": {
 		"normal": "#3F8AE0",
 		"hover": "#3C85D9",

package/themes/vkontakteIOS/index.less

@@ -259,6 +259,9 @@
 @color-link-contrast: #FFFFFF;
 @color-link-contrast--hover: #F5F5F7;
 @color-link-contrast--active: #EBECEF;
+@color-text-button: #2688EB;
+@color-text-button--hover: #2483E4;
+@color-text-button--active: #237EDD;
 @color-icon-accent: #2688EB;
 @color-icon-accent--hover: #2483E4;
 @color-icon-accent--active: #237EDD;
@@ -304,6 +307,9 @@
 @color-icon-negative: #E64646;
 @color-icon-negative--hover: #DD4446;
 @color-icon-negative--active: #D44245;
+@color-icon-button: #2688EB;
+@color-icon-button--hover: #2483E4;
+@color-icon-button--active: #237EDD;
 @color-stroke-accent: #2688EB;
 @color-stroke-accent--hover: #2483E4;
 @color-stroke-accent--active: #237EDD;
@@ -340,6 +346,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: #2688EB;
+@color-stroke-button--hover: #2483E4;
+@color-stroke-button--active: #237EDD;
 @color-accent-blue: #3F8AE0;
 @color-accent-blue--hover: #3C85D9;
 @color-accent-blue--active: #3A80D3;

package/themes/vkontakteIOS/index.pcss

@@ -260,6 +260,9 @@
 	--color-link-contrast: #FFFFFF;
 	--color-link-contrast--hover: #F5F5F7;
 	--color-link-contrast--active: #EBECEF;
+	--color-text-button: #2688EB;
+	--color-text-button--hover: #2483E4;
+	--color-text-button--active: #237EDD;
 	--color-icon-accent: #2688EB;
 	--color-icon-accent--hover: #2483E4;
 	--color-icon-accent--active: #237EDD;
@@ -305,6 +308,9 @@
 	--color-icon-negative: #E64646;
 	--color-icon-negative--hover: #DD4446;
 	--color-icon-negative--active: #D44245;
+	--color-icon-button: #2688EB;
+	--color-icon-button--hover: #2483E4;
+	--color-icon-button--active: #237EDD;
 	--color-stroke-accent: #2688EB;
 	--color-stroke-accent--hover: #2483E4;
 	--color-stroke-accent--active: #237EDD;
@@ -341,6 +347,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: #2688EB;
+	--color-stroke-button--hover: #2483E4;
+	--color-stroke-button--active: #237EDD;
 	--color-accent-blue: #3F8AE0;
 	--color-accent-blue--hover: #3C85D9;
 	--color-accent-blue--active: #3A80D3;

package/themes/vkontakteIOS/index.scss

@@ -259,6 +259,9 @@ $color-text-muted--active: #282B2F;
 $color-link-contrast: #FFFFFF;
 $color-link-contrast--hover: #F5F5F7;
 $color-link-contrast--active: #EBECEF;
+$color-text-button: #2688EB;
+$color-text-button--hover: #2483E4;
+$color-text-button--active: #237EDD;
 $color-icon-accent: #2688EB;
 $color-icon-accent--hover: #2483E4;
 $color-icon-accent--active: #237EDD;
@@ -304,6 +307,9 @@ $color-icon-positive--active: #45A64A;
 $color-icon-negative: #E64646;
 $color-icon-negative--hover: #DD4446;
 $color-icon-negative--active: #D44245;
+$color-icon-button: #2688EB;
+$color-icon-button--hover: #2483E4;
+$color-icon-button--active: #237EDD;
 $color-stroke-accent: #2688EB;
 $color-stroke-accent--hover: #2483E4;
 $color-stroke-accent--active: #237EDD;
@@ -340,6 +346,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: #2688EB;
+$color-stroke-button--hover: #2483E4;
+$color-stroke-button--active: #237EDD;
 $color-accent-blue: #3F8AE0;
 $color-accent-blue--hover: #3C85D9;
 $color-accent-blue--active: #3A80D3;

package/themes/vkontakteIOS/index.styl

@@ -259,6 +259,9 @@ $color-text-muted--active = #282B2F;
 $color-link-contrast = #FFFFFF;
 $color-link-contrast--hover = #F5F5F7;
 $color-link-contrast--active = #EBECEF;
+$color-text-button = #2688EB;
+$color-text-button--hover = #2483E4;
+$color-text-button--active = #237EDD;
 $color-icon-accent = #2688EB;
 $color-icon-accent--hover = #2483E4;
 $color-icon-accent--active = #237EDD;
@@ -304,6 +307,9 @@ $color-icon-positive--active = #45A64A;
 $color-icon-negative = #E64646;
 $color-icon-negative--hover = #DD4446;
 $color-icon-negative--active = #D44245;
+$color-icon-button = #2688EB;
+$color-icon-button--hover = #2483E4;
+$color-icon-button--active = #237EDD;
 $color-stroke-accent = #2688EB;
 $color-stroke-accent--hover = #2483E4;
 $color-stroke-accent--active = #237EDD;
@@ -340,6 +346,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 = #2688EB;
+$color-stroke-button--hover = #2483E4;
+$color-stroke-button--active = #237EDD;
 $color-accent-blue = #3F8AE0;
 $color-accent-blue--hover = #3C85D9;
 $color-accent-blue--active = #3A80D3;

package/themes/vkontakteIOS/struct.json

@@ -727,6 +727,11 @@
 			"hover": "#F5F5F7",
 			"active": "#EBECEF"
 		},
+		"colorTextButton": {
+			"normal": "#2688EB",
+			"hover": "#2483E4",
+			"active": "#237EDD"
+		},
 		"colorIconAccent": {
 			"normal": "#2688EB",
 			"hover": "#2483E4",
@@ -802,6 +807,11 @@
 			"hover": "#DD4446",
 			"active": "#D44245"
 		},
+		"colorIconButton": {
+			"normal": "#2688EB",
+			"hover": "#2483E4",
+			"active": "#237EDD"
+		},
 		"colorStrokeAccent": {
 			"normal": "#2688EB",
 			"hover": "#2483E4",
@@ -862,6 +872,11 @@
 			"hover": "rgba(0, 0, 0, 0.24)",
 			"active": "rgba(0, 0, 0, 0.36)"
 		},
+		"colorStrokeButton": {
+			"normal": "#2688EB",
+			"hover": "#2483E4",
+			"active": "#237EDD"
+		},
 		"colorAccentBlue": {
 			"normal": "#3F8AE0",
 			"hover": "#3C85D9",

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

@@ -342,6 +342,9 @@
 	--vkui--color_link_contrast: #FFFFFF;
 	--vkui--color_link_contrast--hover: #EBEDF0;
 	--vkui--color_link_contrast--active: #D7D8DB;
+	--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;
@@ -387,6 +390,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--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;
@@ -423,6 +429,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: #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;