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

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

@@ -819,6 +819,16 @@ var theme = {
             "value": "var(--vkui--size_border_radius--regular, 8px)"
         }
     },
+    "sizeBorderRadiusRounded": {
+        "auto": {
+            "name": "--vkui--size_border_radius_rounded",
+            "value": "var(--vkui--size_border_radius_rounded)"
+        },
+        "regular": {
+            "name": "--vkui--size_border_radius_rounded--regular",
+            "value": "var(--vkui--size_border_radius_rounded--regular, 48px)"
+        }
+    },
     "sizeCheckBorderRadius": {
         "auto": {
             "name": "--vkui--size_check_border_radius",
@@ -1808,7 +1818,7 @@ var theme = {
     "colorBackgroundNegativeTint": {
         "normal": {
             "name": "--vkui--color_background_negative_tint",
-            "value": "var(--vkui--color_background_negative_tint, #522E2E)"
+            "value": "var(--vkui--color_background_negative_tint, #522e2e)"
         },
         "hover": {
             "name": "--vkui--color_background_negative_tint--hover",
@@ -1822,15 +1832,15 @@ var theme = {
     "colorBackgroundPositiveTint": {
         "normal": {
             "name": "--vkui--color_background_positive_tint",
-            "value": "var(--vkui--color_background_positive_tint, #E8f9e8)"
+            "value": "var(--vkui--color_background_positive_tint, #b1d6b1)"
         },
         "hover": {
             "name": "--vkui--color_background_positive_tint--hover",
-            "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)"
+            "value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)"
         },
         "active": {
             "name": "--vkui--color_background_positive_tint--active",
-            "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)"
+            "value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)"
         }
     },
     "colorFieldBackground": {
@@ -2046,7 +2056,7 @@ var theme = {
     "colorTextLinkTint": {
         "normal": {
             "name": "--vkui--color_text_link_tint",
-            "value": "var(--vkui--color_text_link_tint, #71AAEB)"
+            "value": "var(--vkui--color_text_link_tint, #71aaeb)"
         },
         "hover": {
             "name": "--vkui--color_text_link_tint--hover",
@@ -2060,7 +2070,7 @@ var theme = {
     "colorTextLinkVisited": {
         "normal": {
             "name": "--vkui--color_text_link_visited",
-            "value": "var(--vkui--color_text_link_visited, #4986CC)"
+            "value": "var(--vkui--color_text_link_visited, #4986cc)"
         },
         "hover": {
             "name": "--vkui--color_text_link_visited--hover",
@@ -2144,7 +2154,7 @@ var theme = {
     "colorIconPrimary": {
         "normal": {
             "name": "--vkui--color_icon_primary",
-            "value": "var(--vkui--color_icon_primary, #E1E3E6)"
+            "value": "var(--vkui--color_icon_primary, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_icon_primary--hover",
@@ -2284,7 +2294,7 @@ var theme = {
     "colorIconContrastSecondary": {
         "normal": {
             "name": "--vkui--color_icon_contrast_secondary",
-            "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)"
+            "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)"
         },
         "hover": {
             "name": "--vkui--color_icon_contrast_secondary--hover",
@@ -2592,7 +2602,7 @@ var theme = {
     "colorAccentOrangeFire": {
         "normal": {
             "name": "--vkui--color_accent_orange_fire",
-            "value": "var(--vkui--color_accent_orange_fire, #F05C44)"
+            "value": "var(--vkui--color_accent_orange_fire, #f05c44)"
         },
         "hover": {
             "name": "--vkui--color_accent_orange_fire--hover",
@@ -2634,7 +2644,7 @@ var theme = {
     "colorAccentRaspberryPink": {
         "normal": {
             "name": "--vkui--color_accent_raspberry_pink",
-            "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)"
+            "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)"
         },
         "hover": {
             "name": "--vkui--color_accent_raspberry_pink--hover",
@@ -2648,7 +2658,7 @@ var theme = {
     "colorAccentSecondary": {
         "normal": {
             "name": "--vkui--color_accent_secondary",
-            "value": "var(--vkui--color_accent_secondary, #3F8AE0)"
+            "value": "var(--vkui--color_accent_secondary, #3f8ae0)"
         },
         "hover": {
             "name": "--vkui--color_accent_secondary--hover",
@@ -2662,7 +2672,7 @@ var theme = {
     "colorOverlayPrimary": {
         "normal": {
             "name": "--vkui--color_overlay_primary",
-            "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))"
+            "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))"
         },
         "hover": {
             "name": "--vkui--color_overlay_primary--hover",
@@ -2673,10 +2683,24 @@ var theme = {
             "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))"
         }
     },
+    "colorOverlaySecondary": {
+        "normal": {
+            "name": "--vkui--color_overlay_secondary",
+            "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))"
+        },
+        "hover": {
+            "name": "--vkui--color_overlay_secondary--hover",
+            "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))"
+        },
+        "active": {
+            "name": "--vkui--color_overlay_secondary--active",
+            "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))"
+        }
+    },
     "colorAvatarOverlay": {
         "normal": {
             "name": "--vkui--color_avatar_overlay",
-            "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6))"
+            "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))"
         },
         "hover": {
             "name": "--vkui--color_avatar_overlay--hover",
@@ -2701,10 +2725,24 @@ var theme = {
             "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))"
         }
     },
+    "colorActionSheetText": {
+        "normal": {
+            "name": "--vkui--color_action_sheet_text",
+            "value": "var(--vkui--color_action_sheet_text, #71aaeb)"
+        },
+        "hover": {
+            "name": "--vkui--color_action_sheet_text--hover",
+            "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)"
+        },
+        "active": {
+            "name": "--vkui--color_action_sheet_text--active",
+            "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)"
+        }
+    },
     "colorImagePlaceholder": {
         "normal": {
             "name": "--vkui--color_image_placeholder",
-            "value": "var(--vkui--color_image_placeholder, #2A2B2C)"
+            "value": "var(--vkui--color_image_placeholder, #2a2b2c)"
         },
         "hover": {
             "name": "--vkui--color_image_placeholder--hover",
@@ -2813,20 +2851,6 @@ var theme = {
             "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
         }
     },
-    "colorActionSheetText": {
-        "normal": {
-            "name": "--vkui--color_action_sheet_text",
-            "value": "var(--vkui--color_action_sheet_text, #529EF4)"
-        },
-        "hover": {
-            "name": "--vkui--color_action_sheet_text--hover",
-            "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)"
-        },
-        "active": {
-            "name": "--vkui--color_action_sheet_text--active",
-            "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)"
-        }
-    },
     "colorTrackBackground": {
         "normal": {
             "name": "--vkui--color_track_background",
@@ -2897,6 +2921,20 @@ var theme = {
             "value": "var(--vkui--color_segmented_control--active, #6F6F70)"
         }
     },
+    "colorTabbarTextInactive": {
+        "normal": {
+            "name": "--vkui--color_tabbar_text_inactive",
+            "value": "var(--vkui--color_tabbar_text_inactive, #76787a)"
+        },
+        "hover": {
+            "name": "--vkui--color_tabbar_text_inactive--hover",
+            "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)"
+        },
+        "active": {
+            "name": "--vkui--color_tabbar_text_inactive--active",
+            "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)"
+        }
+    },
     "colorTransparent": {
         "normal": {
             "name": "--vkui--color_transparent",

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

@@ -817,6 +817,16 @@
 			"value": "var(--vkui--size_border_radius--regular, 8px)"
 		}
 	},
+	"sizeBorderRadiusRounded": {
+		"auto": {
+			"name": "--vkui--size_border_radius_rounded",
+			"value": "var(--vkui--size_border_radius_rounded)"
+		},
+		"regular": {
+			"name": "--vkui--size_border_radius_rounded--regular",
+			"value": "var(--vkui--size_border_radius_rounded--regular, 48px)"
+		}
+	},
 	"sizeCheckBorderRadius": {
 		"auto": {
 			"name": "--vkui--size_check_border_radius",
@@ -1806,7 +1816,7 @@
 	"colorBackgroundNegativeTint": {
 		"normal": {
 			"name": "--vkui--color_background_negative_tint",
-			"value": "var(--vkui--color_background_negative_tint, #522E2E)"
+			"value": "var(--vkui--color_background_negative_tint, #522e2e)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_negative_tint--hover",
@@ -1820,15 +1830,15 @@
 	"colorBackgroundPositiveTint": {
 		"normal": {
 			"name": "--vkui--color_background_positive_tint",
-			"value": "var(--vkui--color_background_positive_tint, #E8f9e8)"
+			"value": "var(--vkui--color_background_positive_tint, #b1d6b1)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_positive_tint--hover",
-			"value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)"
+			"value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)"
 		},
 		"active": {
 			"name": "--vkui--color_background_positive_tint--active",
-			"value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)"
+			"value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)"
 		}
 	},
 	"colorFieldBackground": {
@@ -2044,7 +2054,7 @@
 	"colorTextLinkTint": {
 		"normal": {
 			"name": "--vkui--color_text_link_tint",
-			"value": "var(--vkui--color_text_link_tint, #71AAEB)"
+			"value": "var(--vkui--color_text_link_tint, #71aaeb)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_link_tint--hover",
@@ -2058,7 +2068,7 @@
 	"colorTextLinkVisited": {
 		"normal": {
 			"name": "--vkui--color_text_link_visited",
-			"value": "var(--vkui--color_text_link_visited, #4986CC)"
+			"value": "var(--vkui--color_text_link_visited, #4986cc)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_link_visited--hover",
@@ -2142,7 +2152,7 @@
 	"colorIconPrimary": {
 		"normal": {
 			"name": "--vkui--color_icon_primary",
-			"value": "var(--vkui--color_icon_primary, #E1E3E6)"
+			"value": "var(--vkui--color_icon_primary, #e1e3e6)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_primary--hover",
@@ -2282,7 +2292,7 @@
 	"colorIconContrastSecondary": {
 		"normal": {
 			"name": "--vkui--color_icon_contrast_secondary",
-			"value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)"
+			"value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_contrast_secondary--hover",
@@ -2590,7 +2600,7 @@
 	"colorAccentOrangeFire": {
 		"normal": {
 			"name": "--vkui--color_accent_orange_fire",
-			"value": "var(--vkui--color_accent_orange_fire, #F05C44)"
+			"value": "var(--vkui--color_accent_orange_fire, #f05c44)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_orange_fire--hover",
@@ -2632,7 +2642,7 @@
 	"colorAccentRaspberryPink": {
 		"normal": {
 			"name": "--vkui--color_accent_raspberry_pink",
-			"value": "var(--vkui--color_accent_raspberry_pink, #F060C0)"
+			"value": "var(--vkui--color_accent_raspberry_pink, #f060c0)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_raspberry_pink--hover",
@@ -2646,7 +2656,7 @@
 	"colorAccentSecondary": {
 		"normal": {
 			"name": "--vkui--color_accent_secondary",
-			"value": "var(--vkui--color_accent_secondary, #3F8AE0)"
+			"value": "var(--vkui--color_accent_secondary, #3f8ae0)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_secondary--hover",
@@ -2660,7 +2670,7 @@
 	"colorOverlayPrimary": {
 		"normal": {
 			"name": "--vkui--color_overlay_primary",
-			"value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))"
+			"value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))"
 		},
 		"hover": {
 			"name": "--vkui--color_overlay_primary--hover",
@@ -2671,10 +2681,24 @@
 			"value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))"
 		}
 	},
+	"colorOverlaySecondary": {
+		"normal": {
+			"name": "--vkui--color_overlay_secondary",
+			"value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))"
+		},
+		"hover": {
+			"name": "--vkui--color_overlay_secondary--hover",
+			"value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))"
+		},
+		"active": {
+			"name": "--vkui--color_overlay_secondary--active",
+			"value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))"
+		}
+	},
 	"colorAvatarOverlay": {
 		"normal": {
 			"name": "--vkui--color_avatar_overlay",
-			"value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6))"
+			"value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))"
 		},
 		"hover": {
 			"name": "--vkui--color_avatar_overlay--hover",
@@ -2699,10 +2723,24 @@
 			"value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))"
 		}
 	},
+	"colorActionSheetText": {
+		"normal": {
+			"name": "--vkui--color_action_sheet_text",
+			"value": "var(--vkui--color_action_sheet_text, #71aaeb)"
+		},
+		"hover": {
+			"name": "--vkui--color_action_sheet_text--hover",
+			"value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)"
+		},
+		"active": {
+			"name": "--vkui--color_action_sheet_text--active",
+			"value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)"
+		}
+	},
 	"colorImagePlaceholder": {
 		"normal": {
 			"name": "--vkui--color_image_placeholder",
-			"value": "var(--vkui--color_image_placeholder, #2A2B2C)"
+			"value": "var(--vkui--color_image_placeholder, #2a2b2c)"
 		},
 		"hover": {
 			"name": "--vkui--color_image_placeholder--hover",
@@ -2811,20 +2849,6 @@
 			"value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
 		}
 	},
-	"colorActionSheetText": {
-		"normal": {
-			"name": "--vkui--color_action_sheet_text",
-			"value": "var(--vkui--color_action_sheet_text, #529EF4)"
-		},
-		"hover": {
-			"name": "--vkui--color_action_sheet_text--hover",
-			"value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)"
-		},
-		"active": {
-			"name": "--vkui--color_action_sheet_text--active",
-			"value": "var(--vkui--color_action_sheet_text--active, #60A6F5)"
-		}
-	},
 	"colorTrackBackground": {
 		"normal": {
 			"name": "--vkui--color_track_background",
@@ -2895,6 +2919,20 @@
 			"value": "var(--vkui--color_segmented_control--active, #6F6F70)"
 		}
 	},
+	"colorTabbarTextInactive": {
+		"normal": {
+			"name": "--vkui--color_tabbar_text_inactive",
+			"value": "var(--vkui--color_tabbar_text_inactive, #76787a)"
+		},
+		"hover": {
+			"name": "--vkui--color_tabbar_text_inactive--hover",
+			"value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)"
+		},
+		"active": {
+			"name": "--vkui--color_tabbar_text_inactive--active",
+			"value": "var(--vkui--color_tabbar_text_inactive--active, #818385)"
+		}
+	},
 	"colorTransparent": {
 		"normal": {
 			"name": "--vkui--color_transparent",

package/themes/vkComDark/docs.json

@@ -753,6 +753,18 @@
       }
     ]
   },
+  "colorOverlaySecondary": {
+    "tags": [
+      "color",
+      "overlay"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Вторичный цвет для подложек оверлеев"
+      }
+    ]
+  },
   "colorPanelHeaderIcon": {
     "tags": [
       "color",
@@ -961,6 +973,19 @@
       }
     ]
   },
+  "colorTabbarTextInactive": {
+    "tags": [
+      "color",
+      "component",
+      "background"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет текста для неактивного таба в таббаре"
+      }
+    ]
+  },
   "colorTextAccent": {
     "tags": [
       "color",
@@ -1878,6 +1903,18 @@
       }
     ]
   },
+  "sizeBorderRadiusRounded": {
+    "tags": [
+      "size",
+      "stroke"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Значение радиуса закругления для круглых кнопок"
+      }
+    ]
+  },
   "sizeButtonBaseLargePaddingHorizontal": {
     "tags": [
       "size",

package/themes/vkComDark/index.css

@@ -102,6 +102,7 @@
 	--vkui--size_popup_header_padding--compact: 16px;
 	--vkui--size_label_horizontal_margin--regular: 16px;
 	--vkui--size_border_radius--regular: 8px;
+	--vkui--size_border_radius_rounded--regular: 48px;
 	--vkui--size_check_border_radius--regular: 4px;
 	--vkui--size_border_radius_paper--regular: 12px;
 	--vkui--size_border_radius_promo--regular: 20px;
@@ -245,12 +246,12 @@
 	--vkui--color_background_negative: #FF5C5C;
 	--vkui--color_background_negative--hover: #FF6363;
 	--vkui--color_background_negative--active: #FF6969;
-	--vkui--color_background_negative_tint: #522E2E;
+	--vkui--color_background_negative_tint: #522e2e;
 	--vkui--color_background_negative_tint--hover: #593636;
 	--vkui--color_background_negative_tint--active: #603F3F;
-	--vkui--color_background_positive_tint: #E8f9e8;
-	--vkui--color_background_positive_tint--hover: #E9F9E9;
-	--vkui--color_background_positive_tint--active: #EAF9EA;
+	--vkui--color_background_positive_tint: #b1d6b1;
+	--vkui--color_background_positive_tint--hover: #B4D8B4;
+	--vkui--color_background_positive_tint--active: #B7D9B7;
 	--vkui--color_field_background: #292929;
 	--vkui--color_field_background--hover: #323232;
 	--vkui--color_field_background--active: #3A3A3A;
@@ -296,10 +297,10 @@
 	--vkui--color_text_link_themed: #939393;
 	--vkui--color_text_link_themed--hover: #979797;
 	--vkui--color_text_link_themed--active: #9C9C9C;
-	--vkui--color_text_link_tint: #71AAEB;
+	--vkui--color_text_link_tint: #71aaeb;
 	--vkui--color_text_link_tint--hover: #77ADEC;
 	--vkui--color_text_link_tint--active: #7CB1ED;
-	--vkui--color_text_link_visited: #4986CC;
+	--vkui--color_text_link_visited: #4986cc;
 	--vkui--color_text_link_visited--hover: #508BCE;
 	--vkui--color_text_link_visited--active: #5890D0;
 	--vkui--color_text_muted: #CCCCCC;
@@ -317,7 +318,7 @@
 	--vkui--color_icon_accent_themed: #E1E3E6;
 	--vkui--color_icon_accent_themed--hover: #E2E4E7;
 	--vkui--color_icon_accent_themed--active: #E3E5E8;
-	--vkui--color_icon_primary: #E1E3E6;
+	--vkui--color_icon_primary: #e1e3e6;
 	--vkui--color_icon_primary--hover: #E2E4E7;
 	--vkui--color_icon_primary--active: #E3E5E8;
 	--vkui--color_icon_primary_invariably: #333333;
@@ -347,7 +348,7 @@
 	--vkui--color_icon_contrast_themed: #222222;
 	--vkui--color_icon_contrast_themed--hover: #2B2B2B;
 	--vkui--color_icon_contrast_themed--active: #343434;
-	--vkui--color_icon_contrast_secondary: #F2F3F5;
+	--vkui--color_icon_contrast_secondary: #f2f3f5;
 	--vkui--color_icon_contrast_secondary--hover: #F3F3F5;
 	--vkui--color_icon_contrast_secondary--active: #F3F4F6;
 	--vkui--color_icon_positive: #4BB34B;
@@ -413,7 +414,7 @@
 	--vkui--color_accent_orange: #FFA000;
 	--vkui--color_accent_orange--hover: #FFA40A;
 	--vkui--color_accent_orange--active: #FFA814;
-	--vkui--color_accent_orange_fire: #F05C44;
+	--vkui--color_accent_orange_fire: #f05c44;
 	--vkui--color_accent_orange_fire--hover: #F1634B;
 	--vkui--color_accent_orange_fire--active: #F16953;
 	--vkui--color_accent_purple: #937FF5;
@@ -422,22 +423,28 @@
 	--vkui--color_accent_violet: #A393F5;
 	--vkui--color_accent_violet--hover: #A797F5;
 	--vkui--color_accent_violet--active: #AA9CF6;
-	--vkui--color_accent_raspberry_pink: #F060C0;
+	--vkui--color_accent_raspberry_pink: #f060c0;
 	--vkui--color_accent_raspberry_pink--hover: #F166C3;
 	--vkui--color_accent_raspberry_pink--active: #F16DC5;
-	--vkui--color_accent_secondary: #3F8AE0;
+	--vkui--color_accent_secondary: #3f8ae0;
 	--vkui--color_accent_secondary--hover: #478FE1;
 	--vkui--color_accent_secondary--active: #4E93E2;
-	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
+	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
 	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
 	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
-	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
+	--vkui--color_overlay_secondary: rgb(55, 56, 57, 0.5);
+	--vkui--color_overlay_secondary--hover: rgba(55, 56, 57, 0.54);
+	--vkui--color_overlay_secondary--active: rgba(55, 56, 57, 0.58);
+	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
 	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
 	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
 	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
 	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
 	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
-	--vkui--color_image_placeholder: #2A2B2C;
+	--vkui--color_action_sheet_text: #71aaeb;
+	--vkui--color_action_sheet_text--hover: #77ADEC;
+	--vkui--color_action_sheet_text--active: #7CB1ED;
+	--vkui--color_image_placeholder: #2a2b2c;
 	--vkui--color_image_placeholder--hover: #333334;
 	--vkui--color_image_placeholder--active: #3B3C3D;
 	--vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
@@ -461,9 +468,6 @@
 	--vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
 	--vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
 	--vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
-	--vkui--color_action_sheet_text: #529EF4;
-	--vkui--color_action_sheet_text--hover: #59A2F4;
-	--vkui--color_action_sheet_text--active: #60A6F5;
 	--vkui--color_track_background: #828282;
 	--vkui--color_track_background--hover: #878787;
 	--vkui--color_track_background--active: #8C8C8C;
@@ -479,6 +483,9 @@
 	--vkui--color_segmented_control: #626364;
 	--vkui--color_segmented_control--hover: #68696A;
 	--vkui--color_segmented_control--active: #6F6F70;
+	--vkui--color_tabbar_text_inactive: #76787a;
+	--vkui--color_tabbar_text_inactive--hover: #7B7D7F;
+	--vkui--color_tabbar_text_inactive--active: #818385;
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
 	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);