@vkontakte/vkui-tokens 4.0.0 → 4.2.0

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

@@ -1073,6 +1073,46 @@
 			"value": "var(--vkui--size_badge_x_l--regular, 56px)"
 		}
 	},
+	"sizeCardgridPadding": {
+		"auto": {
+			"name": "--vkui--size_cardgrid_padding",
+			"value": "var(--vkui--size_cardgrid_padding)"
+		},
+		"regular": {
+			"name": "--vkui--size_cardgrid_padding--regular",
+			"value": "var(--vkui--size_cardgrid_padding--regular, 12px)"
+		}
+	},
+	"sizeCardBorderRadius": {
+		"auto": {
+			"name": "--vkui--size_card_border_radius",
+			"value": "var(--vkui--size_card_border_radius)"
+		},
+		"regular": {
+			"name": "--vkui--size_card_border_radius--regular",
+			"value": "var(--vkui--size_card_border_radius--regular, 16px)"
+		}
+	},
+	"sizeCardgridPaddingVertical": {
+		"auto": {
+			"name": "--vkui--size_cardgrid_padding_vertical",
+			"value": "var(--vkui--size_cardgrid_padding_vertical)"
+		},
+		"regular": {
+			"name": "--vkui--size_cardgrid_padding_vertical--regular",
+			"value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)"
+		}
+	},
+	"sizeBasePaddingHorizontal": {
+		"auto": {
+			"name": "--vkui--size_base_padding_horizontal",
+			"value": "var(--vkui--size_base_padding_horizontal)"
+		},
+		"regular": {
+			"name": "--vkui--size_base_padding_horizontal--regular",
+			"value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
+		}
+	},
 	"elevation1": {
 		"name": "--vkui--elevation1",
 		"value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04))"
@@ -2074,43 +2114,43 @@
 	"colorBackgroundAccent": {
 		"normal": {
 			"name": "--vkui--color_background_accent",
-			"value": "var(--vkui--color_background_accent, #3F8AE0)"
+			"value": "var(--vkui--color_background_accent, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_accent--hover",
-			"value": "var(--vkui--color_background_accent--hover, #3C85D9)"
+			"value": "var(--vkui--color_background_accent--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_background_accent--active",
-			"value": "var(--vkui--color_background_accent--active, #3A80D3)"
+			"value": "var(--vkui--color_background_accent--active, #237EDD)"
 		}
 	},
 	"colorBackgroundAccentThemed": {
 		"normal": {
 			"name": "--vkui--color_background_accent_themed",
-			"value": "var(--vkui--color_background_accent_themed, #3F8AE0)"
+			"value": "var(--vkui--color_background_accent_themed, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_accent_themed--hover",
-			"value": "var(--vkui--color_background_accent_themed--hover, #3C85D9)"
+			"value": "var(--vkui--color_background_accent_themed--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_background_accent_themed--active",
-			"value": "var(--vkui--color_background_accent_themed--active, #3A80D3)"
+			"value": "var(--vkui--color_background_accent_themed--active, #237EDD)"
 		}
 	},
 	"colorBackgroundAccentAlternative": {
 		"normal": {
 			"name": "--vkui--color_background_accent_alternative",
-			"value": "var(--vkui--color_background_accent_alternative, #3F8AE0)"
+			"value": "var(--vkui--color_background_accent_alternative, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_accent_alternative--hover",
-			"value": "var(--vkui--color_background_accent_alternative--hover, #3C85D9)"
+			"value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_background_accent_alternative--active",
-			"value": "var(--vkui--color_background_accent_alternative--active, #3A80D3)"
+			"value": "var(--vkui--color_background_accent_alternative--active, #237EDD)"
 		}
 	},
 	"colorBackgroundContent": {
@@ -2284,29 +2324,29 @@
 	"colorTextAccent": {
 		"normal": {
 			"name": "--vkui--color_text_accent",
-			"value": "var(--vkui--color_text_accent, #3F8AE0)"
+			"value": "var(--vkui--color_text_accent, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_accent--hover",
-			"value": "var(--vkui--color_text_accent--hover, #3C85D9)"
+			"value": "var(--vkui--color_text_accent--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_text_accent--active",
-			"value": "var(--vkui--color_text_accent--active, #3A80D3)"
+			"value": "var(--vkui--color_text_accent--active, #237EDD)"
 		}
 	},
 	"colorTextAccentThemed": {
 		"normal": {
 			"name": "--vkui--color_text_accent_themed",
-			"value": "var(--vkui--color_text_accent_themed, #3F8AE0)"
+			"value": "var(--vkui--color_text_accent_themed, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_accent_themed--hover",
-			"value": "var(--vkui--color_text_accent_themed--hover, #3C85D9)"
+			"value": "var(--vkui--color_text_accent_themed--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_text_accent_themed--active",
-			"value": "var(--vkui--color_text_accent_themed--active, #3A80D3)"
+			"value": "var(--vkui--color_text_accent_themed--active, #237EDD)"
 		}
 	},
 	"colorTextNegative": {
@@ -2326,15 +2366,15 @@
 	"colorTextLink": {
 		"normal": {
 			"name": "--vkui--color_text_link",
-			"value": "var(--vkui--color_text_link, #4986CC)"
+			"value": "var(--vkui--color_text_link, #2D81E0)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_link--hover",
-			"value": "var(--vkui--color_text_link--hover, #4681C6)"
+			"value": "var(--vkui--color_text_link--hover, #2B7CD9)"
 		},
 		"active": {
 			"name": "--vkui--color_text_link--active",
-			"value": "var(--vkui--color_text_link--active, #437DC1)"
+			"value": "var(--vkui--color_text_link--active, #2978D3)"
 		}
 	},
 	"colorTextLinkThemed": {
@@ -2508,15 +2548,15 @@
 	"colorIconAccent": {
 		"normal": {
 			"name": "--vkui--color_icon_accent",
-			"value": "var(--vkui--color_icon_accent, #3F8AE0)"
+			"value": "var(--vkui--color_icon_accent, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_accent--hover",
-			"value": "var(--vkui--color_icon_accent--hover, #3C85D9)"
+			"value": "var(--vkui--color_icon_accent--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_icon_accent--active",
-			"value": "var(--vkui--color_icon_accent--active, #3A80D3)"
+			"value": "var(--vkui--color_icon_accent--active, #237EDD)"
 		}
 	},
 	"colorIconNegative": {
@@ -2690,29 +2730,29 @@
 	"colorStrokeAccent": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent",
-			"value": "var(--vkui--color_stroke_accent, #3F8AE0)"
+			"value": "var(--vkui--color_stroke_accent, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_stroke_accent--hover",
-			"value": "var(--vkui--color_stroke_accent--hover, #3C85D9)"
+			"value": "var(--vkui--color_stroke_accent--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_stroke_accent--active",
-			"value": "var(--vkui--color_stroke_accent--active, #3A80D3)"
+			"value": "var(--vkui--color_stroke_accent--active, #237EDD)"
 		}
 	},
 	"colorStrokeAccentThemed": {
 		"normal": {
 			"name": "--vkui--color_stroke_accent_themed",
-			"value": "var(--vkui--color_stroke_accent_themed, #3F8AE0)"
+			"value": "var(--vkui--color_stroke_accent_themed, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_stroke_accent_themed--hover",
-			"value": "var(--vkui--color_stroke_accent_themed--hover, #3C85D9)"
+			"value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_stroke_accent_themed--active",
-			"value": "var(--vkui--color_stroke_accent_themed--active, #3A80D3)"
+			"value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)"
 		}
 	},
 	"colorStrokeContrast": {
@@ -2970,15 +3010,15 @@
 	"colorPanelHeaderIcon": {
 		"normal": {
 			"name": "--vkui--color_panel_header_icon",
-			"value": "var(--vkui--color_panel_header_icon, #3F8AE0)"
+			"value": "var(--vkui--color_panel_header_icon, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--color_panel_header_icon--hover",
-			"value": "var(--vkui--color_panel_header_icon--hover, #3C85D9)"
+			"value": "var(--vkui--color_panel_header_icon--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--color_panel_header_icon--active",
-			"value": "var(--vkui--color_panel_header_icon--active, #3A80D3)"
+			"value": "var(--vkui--color_panel_header_icon--active, #237EDD)"
 		}
 	},
 	"colorWriteBarInputBackground": {
@@ -3712,15 +3752,15 @@
 	"octaviusColorBackgroundAccentTonedAlpha": {
 		"normal": {
 			"name": "--vkui--octavius_color_background_accent_toned_alpha",
-			"value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(63, 138, 224, 0.12))"
+			"value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_background_accent_toned_alpha--hover",
-			"value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(63, 138, 224, 0.16))"
+			"value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_background_accent_toned_alpha--active",
-			"value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(63, 138, 224, 0.2))"
+			"value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2))"
 		}
 	},
 	"octaviusColorOverlayBackground": {
@@ -3782,15 +3822,15 @@
 	"octaviusColorHeaderIcon": {
 		"normal": {
 			"name": "--vkui--octavius_color_header_icon",
-			"value": "var(--vkui--octavius_color_header_icon, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_header_icon, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_header_icon--hover",
-			"value": "var(--vkui--octavius_color_header_icon--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_header_icon--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_header_icon--active",
-			"value": "var(--vkui--octavius_color_header_icon--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_header_icon--active, #237EDD)"
 		}
 	},
 	"octaviusColorHeaderTextSecondary": {
@@ -3936,15 +3976,15 @@
 	"octaviusColorHeaderProgress": {
 		"normal": {
 			"name": "--vkui--octavius_color_header_progress",
-			"value": "var(--vkui--octavius_color_header_progress, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_header_progress, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_header_progress--hover",
-			"value": "var(--vkui--octavius_color_header_progress--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_header_progress--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_header_progress--active",
-			"value": "var(--vkui--octavius_color_header_progress--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_header_progress--active, #237EDD)"
 		}
 	},
 	"octaviusColorPortalMenuBackground": {
@@ -3978,15 +4018,15 @@
 	"octaviusColorSidebarItemIconPrimary": {
 		"normal": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_primary",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_primary--hover",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_primary--active",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)"
 		}
 	},
 	"octaviusColorSidebarItemTextActive": {
@@ -4160,15 +4200,15 @@
 	"octaviusColorSidebarItemIconSecondary": {
 		"normal": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_secondary",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_sidebar_item_icon_secondary--active",
-			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)"
 		}
 	},
 	"octaviusColorSidebarItemTextSecondary": {
@@ -4328,15 +4368,15 @@
 	"octaviusColorIconUnread": {
 		"normal": {
 			"name": "--vkui--octavius_color_icon_unread",
-			"value": "var(--vkui--octavius_color_icon_unread, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_icon_unread, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_icon_unread--hover",
-			"value": "var(--vkui--octavius_color_icon_unread--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_icon_unread--active",
-			"value": "var(--vkui--octavius_color_icon_unread--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_icon_unread--active, #237EDD)"
 		}
 	},
 	"octaviusColorIconFavorite": {
@@ -4440,15 +4480,15 @@
 	"octaviusColorSidebarIconUnread": {
 		"normal": {
 			"name": "--vkui--octavius_color_sidebar_icon_unread",
-			"value": "var(--vkui--octavius_color_sidebar_icon_unread, #3F8AE0)"
+			"value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688EB)"
 		},
 		"hover": {
 			"name": "--vkui--octavius_color_sidebar_icon_unread--hover",
-			"value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #3C85D9)"
+			"value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)"
 		},
 		"active": {
 			"name": "--vkui--octavius_color_sidebar_icon_unread--active",
-			"value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3A80D3)"
+			"value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)"
 		}
 	},
 	"octaviusColorSidebarIconFavorite": {

package/themes/octaviusVK/index.css

@@ -123,6 +123,10 @@
 	--vkui--size_badge_m--regular: 24px;
 	--vkui--size_badge_l--regular: 44px;
 	--vkui--size_badge_x_l--regular: 56px;
+	--vkui--size_cardgrid_padding--regular: 12px;
+	--vkui--size_card_border_radius--regular: 16px;
+	--vkui--size_cardgrid_padding_vertical--regular: 8px;
+	--vkui--size_base_padding_horizontal--regular: 16px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
 	--vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
 	--vkui--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
@@ -262,15 +266,15 @@
 	--vkui--octavius_size_sidebar_widgets_height_min--regular: 64px;
 	--vkui--octavius_size_sidebar_widgets_height_compact_min--regular: 104px;
 	--vkui--colors_scheme: light;
-	--vkui--color_background_accent: #3F8AE0;
-	--vkui--color_background_accent--hover: #3C85D9;
-	--vkui--color_background_accent--active: #3A80D3;
-	--vkui--color_background_accent_themed: #3F8AE0;
-	--vkui--color_background_accent_themed--hover: #3C85D9;
-	--vkui--color_background_accent_themed--active: #3A80D3;
-	--vkui--color_background_accent_alternative: #3F8AE0;
-	--vkui--color_background_accent_alternative--hover: #3C85D9;
-	--vkui--color_background_accent_alternative--active: #3A80D3;
+	--vkui--color_background_accent: #2688EB;
+	--vkui--color_background_accent--hover: #2483E4;
+	--vkui--color_background_accent--active: #237EDD;
+	--vkui--color_background_accent_themed: #2688EB;
+	--vkui--color_background_accent_themed--hover: #2483E4;
+	--vkui--color_background_accent_themed--active: #237EDD;
+	--vkui--color_background_accent_alternative: #2688EB;
+	--vkui--color_background_accent_alternative--hover: #2483E4;
+	--vkui--color_background_accent_alternative--active: #237EDD;
 	--vkui--color_background_content: #ffffff;
 	--vkui--color_background_content--hover: #E4E5E9;
 	--vkui--color_background_content--active: #DADCE2;
@@ -307,18 +311,18 @@
 	--vkui--color_background_negative_tint: #FAEBEB;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
-	--vkui--color_text_accent: #3F8AE0;
-	--vkui--color_text_accent--hover: #3C85D9;
-	--vkui--color_text_accent--active: #3A80D3;
-	--vkui--color_text_accent_themed: #3F8AE0;
-	--vkui--color_text_accent_themed--hover: #3C85D9;
-	--vkui--color_text_accent_themed--active: #3A80D3;
+	--vkui--color_text_accent: #2688EB;
+	--vkui--color_text_accent--hover: #2483E4;
+	--vkui--color_text_accent--active: #237EDD;
+	--vkui--color_text_accent_themed: #2688EB;
+	--vkui--color_text_accent_themed--hover: #2483E4;
+	--vkui--color_text_accent_themed--active: #237EDD;
 	--vkui--color_text_negative: #E64646;
 	--vkui--color_text_negative--hover: #DD4446;
 	--vkui--color_text_negative--active: #D44245;
-	--vkui--color_text_link: #4986CC;
-	--vkui--color_text_link--hover: #4681C6;
-	--vkui--color_text_link--active: #437DC1;
+	--vkui--color_text_link: #2D81E0;
+	--vkui--color_text_link--hover: #2B7CD9;
+	--vkui--color_text_link--active: #2978D3;
 	--vkui--color_text_link_themed: #4986CC;
 	--vkui--color_text_link_themed--hover: #4681C6;
 	--vkui--color_text_link_themed--active: #437DC1;
@@ -355,9 +359,9 @@
 	--vkui--color_text_positive: #4BB34B;
 	--vkui--color_text_positive--hover: #48AC4A;
 	--vkui--color_text_positive--active: #45A64A;
-	--vkui--color_icon_accent: #3F8AE0;
-	--vkui--color_icon_accent--hover: #3C85D9;
-	--vkui--color_icon_accent--active: #3A80D3;
+	--vkui--color_icon_accent: #2688EB;
+	--vkui--color_icon_accent--hover: #2483E4;
+	--vkui--color_icon_accent--active: #237EDD;
 	--vkui--color_icon_negative: #E64646;
 	--vkui--color_icon_negative--hover: #DD4446;
 	--vkui--color_icon_negative--active: #D44245;
@@ -394,12 +398,12 @@
 	--vkui--color_icon_positive: #4BB34B;
 	--vkui--color_icon_positive--hover: #48AC4A;
 	--vkui--color_icon_positive--active: #45A64A;
-	--vkui--color_stroke_accent: #3F8AE0;
-	--vkui--color_stroke_accent--hover: #3C85D9;
-	--vkui--color_stroke_accent--active: #3A80D3;
-	--vkui--color_stroke_accent_themed: #3F8AE0;
-	--vkui--color_stroke_accent_themed--hover: #3C85D9;
-	--vkui--color_stroke_accent_themed--active: #3A80D3;
+	--vkui--color_stroke_accent: #2688EB;
+	--vkui--color_stroke_accent--hover: #2483E4;
+	--vkui--color_stroke_accent--active: #237EDD;
+	--vkui--color_stroke_accent_themed: #2688EB;
+	--vkui--color_stroke_accent_themed--hover: #2483E4;
+	--vkui--color_stroke_accent_themed--active: #237EDD;
 	--vkui--color_stroke_contrast: #FFFFFF;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
@@ -454,9 +458,9 @@
 	--vkui--color_header_background: #FFFFFF;
 	--vkui--color_header_background--hover: #F5F5F7;
 	--vkui--color_header_background--active: #EBECEF;
-	--vkui--color_panel_header_icon: #3F8AE0;
-	--vkui--color_panel_header_icon--hover: #3C85D9;
-	--vkui--color_panel_header_icon--active: #3A80D3;
+	--vkui--color_panel_header_icon: #2688EB;
+	--vkui--color_panel_header_icon--hover: #2483E4;
+	--vkui--color_panel_header_icon--active: #237EDD;
 	--vkui--color_write_bar_input_background: #F2F3F5;
 	--vkui--color_write_bar_input_background--hover: #E8EAEE;
 	--vkui--color_write_bar_input_background--active: #DFE1E6;
@@ -613,9 +617,9 @@
 	--vkui--octavius_color_background: #EDEEF0;
 	--vkui--octavius_color_background--hover: #E4E5E9;
 	--vkui--octavius_color_background--active: #DADCE2;
-	--vkui--octavius_color_background_accent_toned_alpha: rgba(63, 138, 224, 0.12);
-	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(63, 138, 224, 0.16);
-	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(63, 138, 224, 0.2);
+	--vkui--octavius_color_background_accent_toned_alpha: rgba(38, 136, 235, 0.12);
+	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(38, 136, 235, 0.16);
+	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(38, 136, 235, 0.2);
 	--vkui--octavius_color_overlay_background: transparent;
 	--vkui--octavius_color_overlay_background--hover: rgba(0, 16, 61, 0.04);
 	--vkui--octavius_color_overlay_background--active: rgba(0, 16, 61, 0.08);
@@ -628,9 +632,9 @@
 	--vkui--octavius_color_header_button_background_alpha: transparent;
 	--vkui--octavius_color_header_button_background_alpha--hover: rgba(0, 16, 61, 0.12);
 	--vkui--octavius_color_header_button_background_alpha--active: rgba(0, 16, 61, 0.24);
-	--vkui--octavius_color_header_icon: #3F8AE0;
-	--vkui--octavius_color_header_icon--hover: #3C85D9;
-	--vkui--octavius_color_header_icon--active: #3A80D3;
+	--vkui--octavius_color_header_icon: #2688EB;
+	--vkui--octavius_color_header_icon--hover: #2483E4;
+	--vkui--octavius_color_header_icon--active: #237EDD;
 	--vkui--octavius_color_header_text_secondary: #818C99;
 	--vkui--octavius_color_header_text_secondary--hover: #7C8795;
 	--vkui--octavius_color_header_text_secondary--active: #778292;
@@ -661,18 +665,18 @@
 	--vkui--octavius_color_header_filter_text_alpha: rgba(0, 0, 0, 0.48);
 	--vkui--octavius_color_header_filter_text_alpha--hover: rgba(0, 0, 0, 0.52);
 	--vkui--octavius_color_header_filter_text_alpha--active: rgba(0, 0, 0, 0.56);
-	--vkui--octavius_color_header_progress: #3F8AE0;
-	--vkui--octavius_color_header_progress--hover: #3C85D9;
-	--vkui--octavius_color_header_progress--active: #3A80D3;
+	--vkui--octavius_color_header_progress: #2688EB;
+	--vkui--octavius_color_header_progress--hover: #2483E4;
+	--vkui--octavius_color_header_progress--active: #237EDD;
 	--vkui--octavius_color_portal_menu_background: #FFFFFF;
 	--vkui--octavius_color_portal_menu_background--hover: #F5F5F7;
 	--vkui--octavius_color_portal_menu_background--active: #EBECEF;
 	--vkui--octavius_color_sidebar_item_icon_active: #2C2D2E;
 	--vkui--octavius_color_sidebar_item_icon_active--hover: #2A2C2F;
 	--vkui--octavius_color_sidebar_item_icon_active--active: #282B2F;
-	--vkui--octavius_color_sidebar_item_icon_primary: #3F8AE0;
-	--vkui--octavius_color_sidebar_item_icon_primary--hover: #3C85D9;
-	--vkui--octavius_color_sidebar_item_icon_primary--active: #3A80D3;
+	--vkui--octavius_color_sidebar_item_icon_primary: #2688EB;
+	--vkui--octavius_color_sidebar_item_icon_primary--hover: #2483E4;
+	--vkui--octavius_color_sidebar_item_icon_primary--active: #237EDD;
 	--vkui--octavius_color_sidebar_item_text_active: #000000;
 	--vkui--octavius_color_sidebar_item_text_active--hover: #000102;
 	--vkui--octavius_color_sidebar_item_text_active--active: #000105;
@@ -709,9 +713,9 @@
 	--vkui--octavius_color_sidebar_item_button_background_alpha: rgba(0, 16, 61, 0.08);
 	--vkui--octavius_color_sidebar_item_button_background_alpha--hover: rgba(0, 16, 61, 0.12);
 	--vkui--octavius_color_sidebar_item_button_background_alpha--active: rgba(0, 16, 61, 0.16);
-	--vkui--octavius_color_sidebar_item_icon_secondary: #3F8AE0;
-	--vkui--octavius_color_sidebar_item_icon_secondary--hover: #3C85D9;
-	--vkui--octavius_color_sidebar_item_icon_secondary--active: #3A80D3;
+	--vkui--octavius_color_sidebar_item_icon_secondary: #2688EB;
+	--vkui--octavius_color_sidebar_item_icon_secondary--hover: #2483E4;
+	--vkui--octavius_color_sidebar_item_icon_secondary--active: #237EDD;
 	--vkui--octavius_color_sidebar_item_text_secondary: #818C99;
 	--vkui--octavius_color_sidebar_item_text_secondary--hover: #7C8795;
 	--vkui--octavius_color_sidebar_item_text_secondary--active: #778292;
@@ -745,9 +749,9 @@
 	--vkui--octavius_color_content_scrollbar_alpha: rgba(0, 0, 0, 0.24);
 	--vkui--octavius_color_content_scrollbar_alpha--hover: rgba(0, 0, 0, 0.28);
 	--vkui--octavius_color_content_scrollbar_alpha--active: rgba(0, 0, 0, 0.32);
-	--vkui--octavius_color_icon_unread: #3F8AE0;
-	--vkui--octavius_color_icon_unread--hover: #3C85D9;
-	--vkui--octavius_color_icon_unread--active: #3A80D3;
+	--vkui--octavius_color_icon_unread: #2688EB;
+	--vkui--octavius_color_icon_unread--hover: #2483E4;
+	--vkui--octavius_color_icon_unread--active: #237EDD;
 	--vkui--octavius_color_icon_favorite: #FF3347;
 	--vkui--octavius_color_icon_favorite--hover: #F53247;
 	--vkui--octavius_color_icon_favorite--active: #EB3046;
@@ -769,9 +773,9 @@
 	--vkui--octavius_color_icon_fees: #e70101;
 	--vkui--octavius_color_icon_fees--hover: #DE0203;
 	--vkui--octavius_color_icon_fees--active: #D50206;
-	--vkui--octavius_color_sidebar_icon_unread: #3F8AE0;
-	--vkui--octavius_color_sidebar_icon_unread--hover: #3C85D9;
-	--vkui--octavius_color_sidebar_icon_unread--active: #3A80D3;
+	--vkui--octavius_color_sidebar_icon_unread: #2688EB;
+	--vkui--octavius_color_sidebar_icon_unread--hover: #2483E4;
+	--vkui--octavius_color_sidebar_icon_unread--active: #237EDD;
 	--vkui--octavius_color_sidebar_icon_favorite: #FF3347;
 	--vkui--octavius_color_sidebar_icon_favorite--hover: #F53247;
 	--vkui--octavius_color_sidebar_icon_favorite--active: #EB3046;