@vkontakte/vkui-tokens 4.41.1 → 4.41.2

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

@@ -699,6 +699,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;

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

@@ -699,6 +699,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;

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

@@ -699,6 +699,30 @@
 	--vkui--color_background_positive_tint_themed: var(--vkui--color_background_positive_tint_themed, #ECFAF3);
 	--vkui--color_background_positive_tint_themed--hover: var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC);
 	--vkui--color_background_positive_tint_themed--active: var(--vkui--color_background_positive_tint_themed--active, #D9E7E4);
+	--vkui--color_tooltip_background_blue_tint: var(--vkui--color_tooltip_background_blue_tint, #DDE9FF);
+	--vkui--color_tooltip_background_blue_tint--hover: var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7);
+	--vkui--color_tooltip_background_blue_tint--active: var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF);
+	--vkui--color_tooltip_background_green_tint: var(--vkui--color_tooltip_background_green_tint, #CEEEE6);
+	--vkui--color_tooltip_background_green_tint--hover: var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF);
+	--vkui--color_tooltip_background_green_tint--active: var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8);
+	--vkui--color_tooltip_background_orange_tint: var(--vkui--color_tooltip_background_orange_tint, #F9D3BD);
+	--vkui--color_tooltip_background_orange_tint--hover: var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8);
+	--vkui--color_tooltip_background_orange_tint--active: var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3);
+	--vkui--color_tooltip_background_purple_tint: var(--vkui--color_tooltip_background_purple_tint, #F2E8FF);
+	--vkui--color_tooltip_background_purple_tint--hover: var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7);
+	--vkui--color_tooltip_background_purple_tint--active: var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF);
+	--vkui--color_tooltip_text_blue_themed: var(--vkui--color_tooltip_text_blue_themed, #1C4479);
+	--vkui--color_tooltip_text_blue_themed--hover: var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277);
+	--vkui--color_tooltip_text_blue_themed--active: var(--vkui--color_tooltip_text_blue_themed--active, #1A4074);
+	--vkui--color_tooltip_text_green_themed: var(--vkui--color_tooltip_text_green_themed, #087C6D);
+	--vkui--color_tooltip_text_green_themed--hover: var(--vkui--color_tooltip_text_green_themed--hover, #08786B);
+	--vkui--color_tooltip_text_green_themed--active: var(--vkui--color_tooltip_text_green_themed--active, #077369);
+	--vkui--color_tooltip_text_orange_themed: var(--vkui--color_tooltip_text_orange_themed, #78472A);
+	--vkui--color_tooltip_text_orange_themed--hover: var(--vkui--color_tooltip_text_orange_themed--hover, #73452B);
+	--vkui--color_tooltip_text_orange_themed--active: var(--vkui--color_tooltip_text_orange_themed--active, #6E432C);
+	--vkui--color_tooltip_text_purple_themed: var(--vkui--color_tooltip_text_purple_themed, #73519F);
+	--vkui--color_tooltip_text_purple_themed--hover: var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B);
+	--vkui--color_tooltip_text_purple_themed--active: var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97);
 	--vkui--color_social_vk: var(--vkui--color_social_vk, #3F8AE0);
 	--vkui--color_social_vk--hover: var(--vkui--color_social_vk--hover, #3C85D9);
 	--vkui--color_social_vk--active: var(--vkui--color_social_vk--active, #3A80D3);

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

@@ -574,6 +574,30 @@
 @color-background-positive-tint-themed: var(--vkui--color_background_positive_tint_themed, #ECFAF3);
 @color-background-positive-tint-themed--hover: var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC);
 @color-background-positive-tint-themed--active: var(--vkui--color_background_positive_tint_themed--active, #D9E7E4);
+@color-tooltip-background-blue-tint: var(--vkui--color_tooltip_background_blue_tint, #DDE9FF);
+@color-tooltip-background-blue-tint--hover: var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7);
+@color-tooltip-background-blue-tint--active: var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF);
+@color-tooltip-background-green-tint: var(--vkui--color_tooltip_background_green_tint, #CEEEE6);
+@color-tooltip-background-green-tint--hover: var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF);
+@color-tooltip-background-green-tint--active: var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8);
+@color-tooltip-background-orange-tint: var(--vkui--color_tooltip_background_orange_tint, #F9D3BD);
+@color-tooltip-background-orange-tint--hover: var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8);
+@color-tooltip-background-orange-tint--active: var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3);
+@color-tooltip-background-purple-tint: var(--vkui--color_tooltip_background_purple_tint, #F2E8FF);
+@color-tooltip-background-purple-tint--hover: var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7);
+@color-tooltip-background-purple-tint--active: var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF);
+@color-tooltip-text-blue-themed: var(--vkui--color_tooltip_text_blue_themed, #1C4479);
+@color-tooltip-text-blue-themed--hover: var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277);
+@color-tooltip-text-blue-themed--active: var(--vkui--color_tooltip_text_blue_themed--active, #1A4074);
+@color-tooltip-text-green-themed: var(--vkui--color_tooltip_text_green_themed, #087C6D);
+@color-tooltip-text-green-themed--hover: var(--vkui--color_tooltip_text_green_themed--hover, #08786B);
+@color-tooltip-text-green-themed--active: var(--vkui--color_tooltip_text_green_themed--active, #077369);
+@color-tooltip-text-orange-themed: var(--vkui--color_tooltip_text_orange_themed, #78472A);
+@color-tooltip-text-orange-themed--hover: var(--vkui--color_tooltip_text_orange_themed--hover, #73452B);
+@color-tooltip-text-orange-themed--active: var(--vkui--color_tooltip_text_orange_themed--active, #6E432C);
+@color-tooltip-text-purple-themed: var(--vkui--color_tooltip_text_purple_themed, #73519F);
+@color-tooltip-text-purple-themed--hover: var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B);
+@color-tooltip-text-purple-themed--active: var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97);
 @color-social-vk: var(--vkui--color_social_vk, #3F8AE0);
 @color-social-vk--hover: var(--vkui--color_social_vk--hover, #3C85D9);
 @color-social-vk--active: var(--vkui--color_social_vk--active, #3A80D3);

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

@@ -575,6 +575,30 @@
 	--color-background-positive-tint-themed: var(--vkui--color_background_positive_tint_themed, #ECFAF3);
 	--color-background-positive-tint-themed--hover: var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC);
 	--color-background-positive-tint-themed--active: var(--vkui--color_background_positive_tint_themed--active, #D9E7E4);
+	--color-tooltip-background-blue-tint: var(--vkui--color_tooltip_background_blue_tint, #DDE9FF);
+	--color-tooltip-background-blue-tint--hover: var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7);
+	--color-tooltip-background-blue-tint--active: var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF);
+	--color-tooltip-background-green-tint: var(--vkui--color_tooltip_background_green_tint, #CEEEE6);
+	--color-tooltip-background-green-tint--hover: var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF);
+	--color-tooltip-background-green-tint--active: var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8);
+	--color-tooltip-background-orange-tint: var(--vkui--color_tooltip_background_orange_tint, #F9D3BD);
+	--color-tooltip-background-orange-tint--hover: var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8);
+	--color-tooltip-background-orange-tint--active: var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3);
+	--color-tooltip-background-purple-tint: var(--vkui--color_tooltip_background_purple_tint, #F2E8FF);
+	--color-tooltip-background-purple-tint--hover: var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7);
+	--color-tooltip-background-purple-tint--active: var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF);
+	--color-tooltip-text-blue-themed: var(--vkui--color_tooltip_text_blue_themed, #1C4479);
+	--color-tooltip-text-blue-themed--hover: var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277);
+	--color-tooltip-text-blue-themed--active: var(--vkui--color_tooltip_text_blue_themed--active, #1A4074);
+	--color-tooltip-text-green-themed: var(--vkui--color_tooltip_text_green_themed, #087C6D);
+	--color-tooltip-text-green-themed--hover: var(--vkui--color_tooltip_text_green_themed--hover, #08786B);
+	--color-tooltip-text-green-themed--active: var(--vkui--color_tooltip_text_green_themed--active, #077369);
+	--color-tooltip-text-orange-themed: var(--vkui--color_tooltip_text_orange_themed, #78472A);
+	--color-tooltip-text-orange-themed--hover: var(--vkui--color_tooltip_text_orange_themed--hover, #73452B);
+	--color-tooltip-text-orange-themed--active: var(--vkui--color_tooltip_text_orange_themed--active, #6E432C);
+	--color-tooltip-text-purple-themed: var(--vkui--color_tooltip_text_purple_themed, #73519F);
+	--color-tooltip-text-purple-themed--hover: var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B);
+	--color-tooltip-text-purple-themed--active: var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97);
 	--color-social-vk: var(--vkui--color_social_vk, #3F8AE0);
 	--color-social-vk--hover: var(--vkui--color_social_vk--hover, #3C85D9);
 	--color-social-vk--active: var(--vkui--color_social_vk--active, #3A80D3);

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

@@ -574,6 +574,30 @@ $color-background-positive-tint-alpha--active: var(--vkui--color_background_posi
 $color-background-positive-tint-themed: var(--vkui--color_background_positive_tint_themed, #ECFAF3);
 $color-background-positive-tint-themed--hover: var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC);
 $color-background-positive-tint-themed--active: var(--vkui--color_background_positive_tint_themed--active, #D9E7E4);
+$color-tooltip-background-blue-tint: var(--vkui--color_tooltip_background_blue_tint, #DDE9FF);
+$color-tooltip-background-blue-tint--hover: var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7);
+$color-tooltip-background-blue-tint--active: var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF);
+$color-tooltip-background-green-tint: var(--vkui--color_tooltip_background_green_tint, #CEEEE6);
+$color-tooltip-background-green-tint--hover: var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF);
+$color-tooltip-background-green-tint--active: var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8);
+$color-tooltip-background-orange-tint: var(--vkui--color_tooltip_background_orange_tint, #F9D3BD);
+$color-tooltip-background-orange-tint--hover: var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8);
+$color-tooltip-background-orange-tint--active: var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3);
+$color-tooltip-background-purple-tint: var(--vkui--color_tooltip_background_purple_tint, #F2E8FF);
+$color-tooltip-background-purple-tint--hover: var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7);
+$color-tooltip-background-purple-tint--active: var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF);
+$color-tooltip-text-blue-themed: var(--vkui--color_tooltip_text_blue_themed, #1C4479);
+$color-tooltip-text-blue-themed--hover: var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277);
+$color-tooltip-text-blue-themed--active: var(--vkui--color_tooltip_text_blue_themed--active, #1A4074);
+$color-tooltip-text-green-themed: var(--vkui--color_tooltip_text_green_themed, #087C6D);
+$color-tooltip-text-green-themed--hover: var(--vkui--color_tooltip_text_green_themed--hover, #08786B);
+$color-tooltip-text-green-themed--active: var(--vkui--color_tooltip_text_green_themed--active, #077369);
+$color-tooltip-text-orange-themed: var(--vkui--color_tooltip_text_orange_themed, #78472A);
+$color-tooltip-text-orange-themed--hover: var(--vkui--color_tooltip_text_orange_themed--hover, #73452B);
+$color-tooltip-text-orange-themed--active: var(--vkui--color_tooltip_text_orange_themed--active, #6E432C);
+$color-tooltip-text-purple-themed: var(--vkui--color_tooltip_text_purple_themed, #73519F);
+$color-tooltip-text-purple-themed--hover: var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B);
+$color-tooltip-text-purple-themed--active: var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97);
 $color-social-vk: var(--vkui--color_social_vk, #3F8AE0);
 $color-social-vk--hover: var(--vkui--color_social_vk--hover, #3C85D9);
 $color-social-vk--active: var(--vkui--color_social_vk--active, #3A80D3);

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

@@ -574,6 +574,30 @@ $color-background-positive-tint-alpha--active = var(--vkui--color_background_pos
 $color-background-positive-tint-themed = var(--vkui--color_background_positive_tint_themed, #ECFAF3);
 $color-background-positive-tint-themed--hover = var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC);
 $color-background-positive-tint-themed--active = var(--vkui--color_background_positive_tint_themed--active, #D9E7E4);
+$color-tooltip-background-blue-tint = var(--vkui--color_tooltip_background_blue_tint, #DDE9FF);
+$color-tooltip-background-blue-tint--hover = var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7);
+$color-tooltip-background-blue-tint--active = var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF);
+$color-tooltip-background-green-tint = var(--vkui--color_tooltip_background_green_tint, #CEEEE6);
+$color-tooltip-background-green-tint--hover = var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF);
+$color-tooltip-background-green-tint--active = var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8);
+$color-tooltip-background-orange-tint = var(--vkui--color_tooltip_background_orange_tint, #F9D3BD);
+$color-tooltip-background-orange-tint--hover = var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8);
+$color-tooltip-background-orange-tint--active = var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3);
+$color-tooltip-background-purple-tint = var(--vkui--color_tooltip_background_purple_tint, #F2E8FF);
+$color-tooltip-background-purple-tint--hover = var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7);
+$color-tooltip-background-purple-tint--active = var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF);
+$color-tooltip-text-blue-themed = var(--vkui--color_tooltip_text_blue_themed, #1C4479);
+$color-tooltip-text-blue-themed--hover = var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277);
+$color-tooltip-text-blue-themed--active = var(--vkui--color_tooltip_text_blue_themed--active, #1A4074);
+$color-tooltip-text-green-themed = var(--vkui--color_tooltip_text_green_themed, #087C6D);
+$color-tooltip-text-green-themed--hover = var(--vkui--color_tooltip_text_green_themed--hover, #08786B);
+$color-tooltip-text-green-themed--active = var(--vkui--color_tooltip_text_green_themed--active, #077369);
+$color-tooltip-text-orange-themed = var(--vkui--color_tooltip_text_orange_themed, #78472A);
+$color-tooltip-text-orange-themed--hover = var(--vkui--color_tooltip_text_orange_themed--hover, #73452B);
+$color-tooltip-text-orange-themed--active = var(--vkui--color_tooltip_text_orange_themed--active, #6E432C);
+$color-tooltip-text-purple-themed = var(--vkui--color_tooltip_text_purple_themed, #73519F);
+$color-tooltip-text-purple-themed--hover = var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B);
+$color-tooltip-text-purple-themed--active = var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97);
 $color-social-vk = var(--vkui--color_social_vk, #3F8AE0);
 $color-social-vk--hover = var(--vkui--color_social_vk--hover, #3C85D9);
 $color-social-vk--active = var(--vkui--color_social_vk--active, #3A80D3);

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

@@ -4381,6 +4381,118 @@ var theme = {
             "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)"
         }
     },
+    "colorTooltipBackgroundBlueTint": {
+        "normal": {
+            "name": "--vkui--color_tooltip_background_blue_tint",
+            "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_background_blue_tint--hover",
+            "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_background_blue_tint--active",
+            "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)"
+        }
+    },
+    "colorTooltipBackgroundGreenTint": {
+        "normal": {
+            "name": "--vkui--color_tooltip_background_green_tint",
+            "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_background_green_tint--hover",
+            "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_background_green_tint--active",
+            "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)"
+        }
+    },
+    "colorTooltipBackgroundOrangeTint": {
+        "normal": {
+            "name": "--vkui--color_tooltip_background_orange_tint",
+            "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_background_orange_tint--hover",
+            "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_background_orange_tint--active",
+            "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)"
+        }
+    },
+    "colorTooltipBackgroundPurpleTint": {
+        "normal": {
+            "name": "--vkui--color_tooltip_background_purple_tint",
+            "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_background_purple_tint--hover",
+            "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_background_purple_tint--active",
+            "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)"
+        }
+    },
+    "colorTooltipTextBlueThemed": {
+        "normal": {
+            "name": "--vkui--color_tooltip_text_blue_themed",
+            "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_text_blue_themed--hover",
+            "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_text_blue_themed--active",
+            "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)"
+        }
+    },
+    "colorTooltipTextGreenThemed": {
+        "normal": {
+            "name": "--vkui--color_tooltip_text_green_themed",
+            "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_text_green_themed--hover",
+            "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_text_green_themed--active",
+            "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)"
+        }
+    },
+    "colorTooltipTextOrangeThemed": {
+        "normal": {
+            "name": "--vkui--color_tooltip_text_orange_themed",
+            "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_text_orange_themed--hover",
+            "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_text_orange_themed--active",
+            "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)"
+        }
+    },
+    "colorTooltipTextPurpleThemed": {
+        "normal": {
+            "name": "--vkui--color_tooltip_text_purple_themed",
+            "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)"
+        },
+        "hover": {
+            "name": "--vkui--color_tooltip_text_purple_themed--hover",
+            "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)"
+        },
+        "active": {
+            "name": "--vkui--color_tooltip_text_purple_themed--active",
+            "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)"
+        }
+    },
     "colorSocialVk": {
         "normal": {
             "name": "--vkui--color_social_vk",

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

@@ -4379,6 +4379,118 @@
 			"value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)"
 		}
 	},
+	"colorTooltipBackgroundBlueTint": {
+		"normal": {
+			"name": "--vkui--color_tooltip_background_blue_tint",
+			"value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_background_blue_tint--hover",
+			"value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_background_blue_tint--active",
+			"value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)"
+		}
+	},
+	"colorTooltipBackgroundGreenTint": {
+		"normal": {
+			"name": "--vkui--color_tooltip_background_green_tint",
+			"value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_background_green_tint--hover",
+			"value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_background_green_tint--active",
+			"value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)"
+		}
+	},
+	"colorTooltipBackgroundOrangeTint": {
+		"normal": {
+			"name": "--vkui--color_tooltip_background_orange_tint",
+			"value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_background_orange_tint--hover",
+			"value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_background_orange_tint--active",
+			"value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)"
+		}
+	},
+	"colorTooltipBackgroundPurpleTint": {
+		"normal": {
+			"name": "--vkui--color_tooltip_background_purple_tint",
+			"value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_background_purple_tint--hover",
+			"value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_background_purple_tint--active",
+			"value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)"
+		}
+	},
+	"colorTooltipTextBlueThemed": {
+		"normal": {
+			"name": "--vkui--color_tooltip_text_blue_themed",
+			"value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_text_blue_themed--hover",
+			"value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_text_blue_themed--active",
+			"value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)"
+		}
+	},
+	"colorTooltipTextGreenThemed": {
+		"normal": {
+			"name": "--vkui--color_tooltip_text_green_themed",
+			"value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_text_green_themed--hover",
+			"value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_text_green_themed--active",
+			"value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)"
+		}
+	},
+	"colorTooltipTextOrangeThemed": {
+		"normal": {
+			"name": "--vkui--color_tooltip_text_orange_themed",
+			"value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_text_orange_themed--hover",
+			"value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_text_orange_themed--active",
+			"value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)"
+		}
+	},
+	"colorTooltipTextPurpleThemed": {
+		"normal": {
+			"name": "--vkui--color_tooltip_text_purple_themed",
+			"value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)"
+		},
+		"hover": {
+			"name": "--vkui--color_tooltip_text_purple_themed--hover",
+			"value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)"
+		},
+		"active": {
+			"name": "--vkui--color_tooltip_text_purple_themed--active",
+			"value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)"
+		}
+	},
 	"colorSocialVk": {
 		"normal": {
 			"name": "--vkui--color_social_vk",

package/themes/octavius/docs.json

@@ -1599,6 +1599,38 @@
       }
     ]
   },
+  "colorTooltipBackgroundBlueTint": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipBackgroundGreenTint": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipBackgroundOrangeTint": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipBackgroundPurpleTint": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipTextBlueThemed": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipTextGreenThemed": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipTextOrangeThemed": {
+    "tags": [],
+    "desc": []
+  },
+  "colorTooltipTextPurpleThemed": {
+    "tags": [],
+    "desc": []
+  },
   "colorTrackBackground": {
     "tags": [
       "color",

package/themes/octavius/index.css

@@ -699,6 +699,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;

package/themes/octavius/index.js

@@ -1313,6 +1313,46 @@ var theme = {
         "hover": "#E3F1EC",
         "active": "#D9E7E4"
     },
+    "colorTooltipBackgroundBlueTint": {
+        "normal": "#DDE9FF",
+        "hover": "#D4E0F7",
+        "active": "#CBD8EF"
+    },
+    "colorTooltipBackgroundGreenTint": {
+        "normal": "#CEEEE6",
+        "hover": "#C6E5DF",
+        "active": "#BEDCD8"
+    },
+    "colorTooltipBackgroundOrangeTint": {
+        "normal": "#F9D3BD",
+        "hover": "#EFCBB8",
+        "active": "#E5C3B3"
+    },
+    "colorTooltipBackgroundPurpleTint": {
+        "normal": "#F2E8FF",
+        "hover": "#E8DFF7",
+        "active": "#DFD7EF"
+    },
+    "colorTooltipTextBlueThemed": {
+        "normal": "#1C4479",
+        "hover": "#1B4277",
+        "active": "#1A4074"
+    },
+    "colorTooltipTextGreenThemed": {
+        "normal": "#087C6D",
+        "hover": "#08786B",
+        "active": "#077369"
+    },
+    "colorTooltipTextOrangeThemed": {
+        "normal": "#78472A",
+        "hover": "#73452B",
+        "active": "#6E432C"
+    },
+    "colorTooltipTextPurpleThemed": {
+        "normal": "#73519F",
+        "hover": "#6E4E9B",
+        "active": "#6A4C97"
+    },
     "colorSocialVk": {
         "normal": "#3F8AE0",
         "hover": "#3C85D9",

package/themes/octavius/index.json

@@ -1311,6 +1311,46 @@
 		"hover": "#E3F1EC",
 		"active": "#D9E7E4"
 	},
+	"colorTooltipBackgroundBlueTint": {
+		"normal": "#DDE9FF",
+		"hover": "#D4E0F7",
+		"active": "#CBD8EF"
+	},
+	"colorTooltipBackgroundGreenTint": {
+		"normal": "#CEEEE6",
+		"hover": "#C6E5DF",
+		"active": "#BEDCD8"
+	},
+	"colorTooltipBackgroundOrangeTint": {
+		"normal": "#F9D3BD",
+		"hover": "#EFCBB8",
+		"active": "#E5C3B3"
+	},
+	"colorTooltipBackgroundPurpleTint": {
+		"normal": "#F2E8FF",
+		"hover": "#E8DFF7",
+		"active": "#DFD7EF"
+	},
+	"colorTooltipTextBlueThemed": {
+		"normal": "#1C4479",
+		"hover": "#1B4277",
+		"active": "#1A4074"
+	},
+	"colorTooltipTextGreenThemed": {
+		"normal": "#087C6D",
+		"hover": "#08786B",
+		"active": "#077369"
+	},
+	"colorTooltipTextOrangeThemed": {
+		"normal": "#78472A",
+		"hover": "#73452B",
+		"active": "#6E432C"
+	},
+	"colorTooltipTextPurpleThemed": {
+		"normal": "#73519F",
+		"hover": "#6E4E9B",
+		"active": "#6A4C97"
+	},
 	"colorSocialVk": {
 		"normal": "#3F8AE0",
 		"hover": "#3C85D9",