@vkontakte/vkui-tokens 4.49.1-dev-ee2ceb.0 → 4.49.1-dev-dec38c.0

package/interfaces/themes/octaviusWhiteDark/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeOctavius, ThemeOctaviusCssVars, ThemeOctaviusDescription } from '../octavius';
+export type ThemeOctaviusWhiteDark = ThemeOctavius;
+export type ThemeOctaviusWhiteDarkDescription = ThemeOctaviusDescription;
+export type ThemeOctaviusWhiteDarkCssVars = ThemeOctaviusCssVars;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.49.1-dev-ee2ceb.0",
+  "version": "4.49.1-dev-dec38c.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",

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

@@ -324,7 +324,7 @@
 	--vkui--octavius_shadow_sidebar_item_icon: none;
 	--vkui--octavius_elevation_card: none;
 	--vkui--octavius_shadow_empty_state_text: none;
-	--vkui--octavius_elevation_header: none;
+	--vkui--octavius_elevation_header: 0px 0px 16px rgba(2, 13, 41, 0.16);
 	--vkui--octavius_text_shadow_empty_state_text: none;
 	--vkui--octavius_position_background: 50% 0;
 	--vkui--octavius_image_overlay_background: none;
@@ -350,12 +350,12 @@
 	--vkui--font_headline--font_size--compact: 15px;
 	--vkui--font_headline--line_height--compact: 20px;
 	--vkui--colors_scheme: light;
-	--vkui--color_background_accent: #005FF9;
-	--vkui--color_background_accent--hover: #005CF1;
-	--vkui--color_background_accent--active: #0059EA;
-	--vkui--color_background_accent_themed: #005FF9;
-	--vkui--color_background_accent_themed--hover: #005CF1;
-	--vkui--color_background_accent_themed--active: #0059EA;
+	--vkui--color_background_accent: #0077FF;
+	--vkui--color_background_accent--hover: #0073F7;
+	--vkui--color_background_accent--active: #006FEF;
+	--vkui--color_background_accent_themed: #0077FF;
+	--vkui--color_background_accent_themed--hover: #0073F7;
+	--vkui--color_background_accent_themed--active: #006FEF;
 	--vkui--color_background_accent_themed_alpha: rgba(0, 95, 249, 0.2);
 	--vkui--color_background_accent_themed_alpha--hover: rgba(0, 95, 249, 0.24);
 	--vkui--color_background_accent_themed_alpha--active: rgba(0, 95, 249, 0.28);
@@ -422,24 +422,24 @@
 	--vkui--color_background_info_tint: #f0f4ff;
 	--vkui--color_background_info_tint--hover: #E6EBF7;
 	--vkui--color_background_info_tint--active: #DDE2EF;
-	--vkui--color_text_accent: #005FF9;
-	--vkui--color_text_accent--hover: #005CF1;
-	--vkui--color_text_accent--active: #0059EA;
-	--vkui--color_text_accent_themed: #005FF9;
-	--vkui--color_text_accent_themed--hover: #005CF1;
-	--vkui--color_text_accent_themed--active: #0059EA;
+	--vkui--color_text_accent: #0070F0;
+	--vkui--color_text_accent--hover: #006CE9;
+	--vkui--color_text_accent--active: #0068E2;
+	--vkui--color_text_accent_themed: #0070F0;
+	--vkui--color_text_accent_themed--hover: #006CE9;
+	--vkui--color_text_accent_themed--active: #0068E2;
 	--vkui--color_text_negative: #ED0A34;
 	--vkui--color_text_negative--hover: #E40A34;
 	--vkui--color_text_negative--active: #DA0A35;
-	--vkui--color_text_link: #005BD1;
-	--vkui--color_text_link--hover: #0058CB;
-	--vkui--color_text_link--active: #0055C5;
+	--vkui--color_text_link: #0070F0;
+	--vkui--color_text_link--hover: #006CE9;
+	--vkui--color_text_link--active: #0068E2;
 	--vkui--color_text_link_tint: #71AAEB;
 	--vkui--color_text_link_tint--hover: #6CA4E4;
 	--vkui--color_text_link_tint--active: #689EDD;
-	--vkui--color_text_link_themed: #005BD1;
-	--vkui--color_text_link_themed--hover: #0058CB;
-	--vkui--color_text_link_themed--active: #0055C5;
+	--vkui--color_text_link_themed: #0070F0;
+	--vkui--color_text_link_themed--hover: #006CE9;
+	--vkui--color_text_link_themed--active: #0068E2;
 	--vkui--color_text_muted: #2C2D2E;
 	--vkui--color_text_muted--hover: #2A2C2F;
 	--vkui--color_text_muted--active: #282B2F;
@@ -473,12 +473,12 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #0CBB66;
 	--vkui--color_text_positive--active: #0CB465;
-	--vkui--color_icon_accent: #005FF9;
-	--vkui--color_icon_accent--hover: #005CF1;
-	--vkui--color_icon_accent--active: #0059EA;
-	--vkui--color_icon_accent_themed: #005FF9;
-	--vkui--color_icon_accent_themed--hover: #005CF1;
-	--vkui--color_icon_accent_themed--active: #0059EA;
+	--vkui--color_icon_accent: #0077FF;
+	--vkui--color_icon_accent--hover: #0073F7;
+	--vkui--color_icon_accent--active: #006FEF;
+	--vkui--color_icon_accent_themed: #0077FF;
+	--vkui--color_icon_accent_themed--hover: #0073F7;
+	--vkui--color_icon_accent_themed--active: #006FEF;
 	--vkui--color_icon_primary: #2C2D2E;
 	--vkui--color_icon_primary--hover: #2A2C2F;
 	--vkui--color_icon_primary--active: #282B2F;
@@ -521,12 +521,12 @@
 	--vkui--color_icon_contrast_secondary: #F2F3F5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
-	--vkui--color_stroke_accent: #005FF9;
-	--vkui--color_stroke_accent--hover: #005CF1;
-	--vkui--color_stroke_accent--active: #0059EA;
-	--vkui--color_stroke_accent_themed: #005FF9;
-	--vkui--color_stroke_accent_themed--hover: #005CF1;
-	--vkui--color_stroke_accent_themed--active: #0059EA;
+	--vkui--color_stroke_accent: #0070FF;
+	--vkui--color_stroke_accent--hover: #006CF7;
+	--vkui--color_stroke_accent--active: #0068EF;
+	--vkui--color_stroke_accent_themed: #0070FF;
+	--vkui--color_stroke_accent_themed--hover: #006CF7;
+	--vkui--color_stroke_accent_themed--active: #0068EF;
 	--vkui--color_stroke_contrast: #FFFFFF;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
@@ -869,69 +869,66 @@
 	--vkui--octavius_color_button_background_alpha: transparent;
 	--vkui--octavius_color_button_background_alpha--hover: rgba(0, 16, 61, 0.04);
 	--vkui--octavius_color_button_background_alpha--active: rgba(0, 16, 61, 0.08);
-	--vkui--octavius_color_background: #FFFFFF;
-	--vkui--octavius_color_background--hover: #F5F5F7;
-	--vkui--octavius_color_background--active: #EBECEF;
+	--vkui--octavius_color_background: #F6F7F8;
+	--vkui--octavius_color_background--hover: #ECEEF1;
+	--vkui--octavius_color_background--active: #E2E5E9;
 	--vkui--octavius_color_background_accent_toned_alpha: rgba(0, 95, 249, 0.12);
 	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0, 95, 249, 0.16);
 	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(0, 95, 249, 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);
-	--vkui--octavius_color_header_background: #005FF9;
-	--vkui--octavius_color_header_background--hover: #005CF1;
-	--vkui--octavius_color_header_background--active: #0059EA;
-	--vkui--octavius_color_header_button_text: #FFFFFF;
-	--vkui--octavius_color_header_button_text--hover: #F5F5F7;
-	--vkui--octavius_color_header_button_text--active: #EBECEF;
+	--vkui--octavius_color_header_background: #FFFFFF;
+	--vkui--octavius_color_header_background--hover: #F5F5F7;
+	--vkui--octavius_color_header_background--active: #EBECEF;
+	--vkui--octavius_color_header_button_text: #2C2D2E;
+	--vkui--octavius_color_header_button_text--hover: #2A2C2F;
+	--vkui--octavius_color_header_button_text--active: #282B2F;
 	--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_button_background_alpha--hover: rgba(255, 255, 255, 0.64);
+	--vkui--octavius_color_header_button_background_alpha--active: rgba(255, 255, 255, 0.4);
 	--vkui--octavius_color_header_icon: #FFFFFF;
 	--vkui--octavius_color_header_icon--hover: #F5F5F7;
 	--vkui--octavius_color_header_icon--active: #EBECEF;
-	--vkui--octavius_color_header_icon_unread: #FFFFFF;
-	--vkui--octavius_color_header_icon_unread--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_unread--active: #EBECEF;
-	--vkui--octavius_color_header_icon_favorite: #FFFFFF;
-	--vkui--octavius_color_header_icon_favorite--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_favorite--active: #EBECEF;
-	--vkui--octavius_color_header_icon_attach: #FFFFFF;
-	--vkui--octavius_color_header_icon_attach--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_attach--active: #EBECEF;
+	--vkui--octavius_color_header_icon_unread: #005FF9;
+	--vkui--octavius_color_header_icon_unread--hover: #005CF1;
+	--vkui--octavius_color_header_icon_unread--active: #0059EA;
+	--vkui--octavius_color_header_icon_favorite: #FC2C38;
+	--vkui--octavius_color_header_icon_favorite--hover: #F22B38;
+	--vkui--octavius_color_header_icon_favorite--active: #E82A38;
+	--vkui--octavius_color_header_icon_attach: #D9DADD;
+	--vkui--octavius_color_header_icon_attach--hover: #D0D2D7;
+	--vkui--octavius_color_header_icon_attach--active: #C8CAD0;
 	--vkui--octavius_color_header_text_secondary: #93969b;
 	--vkui--octavius_color_header_text_secondary--hover: #8D9197;
 	--vkui--octavius_color_header_text_secondary--active: #878B93;
 	--vkui--octavius_color_header_search_icon: #b6b8be;
 	--vkui--octavius_color_header_search_icon--hover: #AFB1B9;
 	--vkui--octavius_color_header_search_icon--active: #A7ABB4;
-	--vkui--octavius_color_header_search_chip_background: #F0F1F3;
-	--vkui--octavius_color_header_search_chip_background--hover: #E6E8EC;
-	--vkui--octavius_color_header_search_chip_background--active: #DDDFE4;
+	--vkui--octavius_color_header_search_chip_background: #FFFFFF;
+	--vkui--octavius_color_header_search_chip_background--hover: rgba(255, 255, 255, 0.64);
+	--vkui--octavius_color_header_search_chip_background--active: rgba(255, 255, 255, 0.4);
 	--vkui--octavius_color_header_search_chip_background_editable: #ffffff;
 	--vkui--octavius_color_header_search_chip_background_editable--hover: #F5F5F7;
 	--vkui--octavius_color_header_search_chip_background_editable--active: #EBECEF;
 	--vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(0, 16, 61, 0.12);
 	--vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(0, 16, 61, 0.16);
 	--vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(0, 16, 61, 0.2);
-	--vkui--octavius_color_header_search_background: #ffffff;
-	--vkui--octavius_color_header_search_background--hover: #F5F5F7;
-	--vkui--octavius_color_header_search_background--active: #EBECEF;
-	--vkui--octavius_color_header_search_background_collapsed: #ffffff;
-	--vkui--octavius_color_header_search_background_collapsed--hover: #F5F5F7;
-	--vkui--octavius_color_header_search_background_collapsed--active: #EBECEF;
+	--vkui--octavius_color_header_search_background: #f0f1f3;
+	--vkui--octavius_color_header_search_background--hover: #E6E8EC;
+	--vkui--octavius_color_header_search_background--active: #DDDFE4;
+	--vkui--octavius_color_header_search_background_collapsed: #f0f1f3;
+	--vkui--octavius_color_header_search_background_collapsed--hover: #E6E8EC;
+	--vkui--octavius_color_header_search_background_collapsed--active: #DDDFE4;
 	--vkui--octavius_color_header_search_text: #2C2D2E;
 	--vkui--octavius_color_header_search_text--hover: #2A2C2F;
 	--vkui--octavius_color_header_search_text--active: #282B2F;
 	--vkui--octavius_color_header_search_text_collapsed: #87898F;
 	--vkui--octavius_color_header_search_text_collapsed--hover: #82848C;
 	--vkui--octavius_color_header_search_text_collapsed--active: #7C7F88;
-	--vkui--octavius_color_header_filter_text_alpha: rgba(255, 255, 255, .48);
-	--vkui--octavius_color_header_filter_text_alpha--hover: rgba(255, 255, 255, 0.52);
-	--vkui--octavius_color_header_filter_text_alpha--active: rgba(255, 255, 255, 0.56);
-	--vkui--octavius_color_header_progress: #FF9E00;
-	--vkui--octavius_color_header_progress--hover: #F59802;
-	--vkui--octavius_color_header_progress--active: #EB9305;
+	--vkui--octavius_color_header_filter_text_alpha: rgba(39, 43, 55, 0.5);
+	--vkui--octavius_color_header_filter_text_alpha--hover: rgba(39, 43, 55, 0.54);
+	--vkui--octavius_color_header_filter_text_alpha--active: rgba(39, 43, 55, 0.58);
 	--vkui--octavius_color_header_tab_active_themed_alpha: rgba(0, 95, 249, .10);
 	--vkui--octavius_color_header_tab_active_themed_alpha--hover: rgba(0, 95, 249, 0.14);
 	--vkui--octavius_color_header_tab_active_themed_alpha--active: rgba(0, 95, 249, 0.18);
@@ -1052,9 +1049,6 @@
 	--vkui--octavius_color_action_archive: #1F5C23;
 	--vkui--octavius_color_action_archive--hover: #1E5924;
 	--vkui--octavius_color_action_archive--active: #1D5625;
-	--vkui--octavius_color_icon_unread: #005FF9;
-	--vkui--octavius_color_icon_unread--hover: #005CF1;
-	--vkui--octavius_color_icon_unread--active: #0059EA;
 	--vkui--octavius_color_icon_favorite: #fc2c38;
 	--vkui--octavius_color_icon_favorite--hover: #F22B38;
 	--vkui--octavius_color_icon_favorite--active: #E82A38;
@@ -1214,6 +1208,12 @@
 	--vkui--octavius_color_snackbar_transparent: rgba(255, 255, 255, 0.16);
 	--vkui--octavius_color_snackbar_transparent--active: rgba(255, 255, 255, 0.04);
 	--vkui--octavius_color_snackbar_transparent--hover: rgba(255, 255, 255, 0.08);
+	--vkui--octavius_color_icon_unread: #0077FF;
+	--vkui--octavius_color_icon_unread--hover: #0073F7;
+	--vkui--octavius_color_icon_unread--active: #006FEF;
+	--vkui--octavius_color_header_progress: #0077FF;
+	--vkui--octavius_color_header_progress--hover: #0073F7;
+	--vkui--octavius_color_header_progress--active: #006FEF;
 }
 
 .vkui--font_display_title1--regular {

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

@@ -324,7 +324,7 @@
 	--vkui--octavius_shadow_sidebar_item_icon: none;
 	--vkui--octavius_elevation_card: none;
 	--vkui--octavius_shadow_empty_state_text: none;
-	--vkui--octavius_elevation_header: none;
+	--vkui--octavius_elevation_header: 0px 0px 16px rgba(2, 13, 41, 0.16);
 	--vkui--octavius_text_shadow_empty_state_text: none;
 	--vkui--octavius_position_background: 50% 0;
 	--vkui--octavius_image_overlay_background: none;

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

@@ -41,7 +41,7 @@
 	--vkui--octavius_shadow_sidebar_item_icon: none;
 	--vkui--octavius_elevation_card: none;
 	--vkui--octavius_shadow_empty_state_text: none;
-	--vkui--octavius_elevation_header: none;
+	--vkui--octavius_elevation_header: 0px 0px 16px rgba(2, 13, 41, 0.16);
 	--vkui--octavius_text_shadow_empty_state_text: none;
 	--vkui--octavius_position_background: 50% 0;
 	--vkui--octavius_image_overlay_background: none;
@@ -50,12 +50,12 @@
 	--vkui--octavius_image_background: none;
 	--vkui--octavius_color_letter_attach_list_background: linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%);
 	--vkui--colors_scheme: light;
-	--vkui--color_background_accent: #005FF9;
-	--vkui--color_background_accent--hover: #005CF1;
-	--vkui--color_background_accent--active: #0059EA;
-	--vkui--color_background_accent_themed: #005FF9;
-	--vkui--color_background_accent_themed--hover: #005CF1;
-	--vkui--color_background_accent_themed--active: #0059EA;
+	--vkui--color_background_accent: #0077FF;
+	--vkui--color_background_accent--hover: #0073F7;
+	--vkui--color_background_accent--active: #006FEF;
+	--vkui--color_background_accent_themed: #0077FF;
+	--vkui--color_background_accent_themed--hover: #0073F7;
+	--vkui--color_background_accent_themed--active: #006FEF;
 	--vkui--color_background_accent_themed_alpha: rgba(0, 95, 249, 0.2);
 	--vkui--color_background_accent_themed_alpha--hover: rgba(0, 95, 249, 0.24);
 	--vkui--color_background_accent_themed_alpha--active: rgba(0, 95, 249, 0.28);
@@ -122,24 +122,24 @@
 	--vkui--color_background_info_tint: #f0f4ff;
 	--vkui--color_background_info_tint--hover: #E6EBF7;
 	--vkui--color_background_info_tint--active: #DDE2EF;
-	--vkui--color_text_accent: #005FF9;
-	--vkui--color_text_accent--hover: #005CF1;
-	--vkui--color_text_accent--active: #0059EA;
-	--vkui--color_text_accent_themed: #005FF9;
-	--vkui--color_text_accent_themed--hover: #005CF1;
-	--vkui--color_text_accent_themed--active: #0059EA;
+	--vkui--color_text_accent: #0070F0;
+	--vkui--color_text_accent--hover: #006CE9;
+	--vkui--color_text_accent--active: #0068E2;
+	--vkui--color_text_accent_themed: #0070F0;
+	--vkui--color_text_accent_themed--hover: #006CE9;
+	--vkui--color_text_accent_themed--active: #0068E2;
 	--vkui--color_text_negative: #ED0A34;
 	--vkui--color_text_negative--hover: #E40A34;
 	--vkui--color_text_negative--active: #DA0A35;
-	--vkui--color_text_link: #005BD1;
-	--vkui--color_text_link--hover: #0058CB;
-	--vkui--color_text_link--active: #0055C5;
+	--vkui--color_text_link: #0070F0;
+	--vkui--color_text_link--hover: #006CE9;
+	--vkui--color_text_link--active: #0068E2;
 	--vkui--color_text_link_tint: #71AAEB;
 	--vkui--color_text_link_tint--hover: #6CA4E4;
 	--vkui--color_text_link_tint--active: #689EDD;
-	--vkui--color_text_link_themed: #005BD1;
-	--vkui--color_text_link_themed--hover: #0058CB;
-	--vkui--color_text_link_themed--active: #0055C5;
+	--vkui--color_text_link_themed: #0070F0;
+	--vkui--color_text_link_themed--hover: #006CE9;
+	--vkui--color_text_link_themed--active: #0068E2;
 	--vkui--color_text_muted: #2C2D2E;
 	--vkui--color_text_muted--hover: #2A2C2F;
 	--vkui--color_text_muted--active: #282B2F;
@@ -173,12 +173,12 @@
 	--vkui--color_text_positive: #0DC268;
 	--vkui--color_text_positive--hover: #0CBB66;
 	--vkui--color_text_positive--active: #0CB465;
-	--vkui--color_icon_accent: #005FF9;
-	--vkui--color_icon_accent--hover: #005CF1;
-	--vkui--color_icon_accent--active: #0059EA;
-	--vkui--color_icon_accent_themed: #005FF9;
-	--vkui--color_icon_accent_themed--hover: #005CF1;
-	--vkui--color_icon_accent_themed--active: #0059EA;
+	--vkui--color_icon_accent: #0077FF;
+	--vkui--color_icon_accent--hover: #0073F7;
+	--vkui--color_icon_accent--active: #006FEF;
+	--vkui--color_icon_accent_themed: #0077FF;
+	--vkui--color_icon_accent_themed--hover: #0073F7;
+	--vkui--color_icon_accent_themed--active: #006FEF;
 	--vkui--color_icon_primary: #2C2D2E;
 	--vkui--color_icon_primary--hover: #2A2C2F;
 	--vkui--color_icon_primary--active: #282B2F;
@@ -221,12 +221,12 @@
 	--vkui--color_icon_contrast_secondary: #F2F3F5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
-	--vkui--color_stroke_accent: #005FF9;
-	--vkui--color_stroke_accent--hover: #005CF1;
-	--vkui--color_stroke_accent--active: #0059EA;
-	--vkui--color_stroke_accent_themed: #005FF9;
-	--vkui--color_stroke_accent_themed--hover: #005CF1;
-	--vkui--color_stroke_accent_themed--active: #0059EA;
+	--vkui--color_stroke_accent: #0070FF;
+	--vkui--color_stroke_accent--hover: #006CF7;
+	--vkui--color_stroke_accent--active: #0068EF;
+	--vkui--color_stroke_accent_themed: #0070FF;
+	--vkui--color_stroke_accent_themed--hover: #006CF7;
+	--vkui--color_stroke_accent_themed--active: #0068EF;
 	--vkui--color_stroke_contrast: #FFFFFF;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
@@ -569,69 +569,66 @@
 	--vkui--octavius_color_button_background_alpha: transparent;
 	--vkui--octavius_color_button_background_alpha--hover: rgba(0, 16, 61, 0.04);
 	--vkui--octavius_color_button_background_alpha--active: rgba(0, 16, 61, 0.08);
-	--vkui--octavius_color_background: #FFFFFF;
-	--vkui--octavius_color_background--hover: #F5F5F7;
-	--vkui--octavius_color_background--active: #EBECEF;
+	--vkui--octavius_color_background: #F6F7F8;
+	--vkui--octavius_color_background--hover: #ECEEF1;
+	--vkui--octavius_color_background--active: #E2E5E9;
 	--vkui--octavius_color_background_accent_toned_alpha: rgba(0, 95, 249, 0.12);
 	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(0, 95, 249, 0.16);
 	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(0, 95, 249, 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);
-	--vkui--octavius_color_header_background: #005FF9;
-	--vkui--octavius_color_header_background--hover: #005CF1;
-	--vkui--octavius_color_header_background--active: #0059EA;
-	--vkui--octavius_color_header_button_text: #FFFFFF;
-	--vkui--octavius_color_header_button_text--hover: #F5F5F7;
-	--vkui--octavius_color_header_button_text--active: #EBECEF;
+	--vkui--octavius_color_header_background: #FFFFFF;
+	--vkui--octavius_color_header_background--hover: #F5F5F7;
+	--vkui--octavius_color_header_background--active: #EBECEF;
+	--vkui--octavius_color_header_button_text: #2C2D2E;
+	--vkui--octavius_color_header_button_text--hover: #2A2C2F;
+	--vkui--octavius_color_header_button_text--active: #282B2F;
 	--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_button_background_alpha--hover: rgba(255, 255, 255, 0.64);
+	--vkui--octavius_color_header_button_background_alpha--active: rgba(255, 255, 255, 0.4);
 	--vkui--octavius_color_header_icon: #FFFFFF;
 	--vkui--octavius_color_header_icon--hover: #F5F5F7;
 	--vkui--octavius_color_header_icon--active: #EBECEF;
-	--vkui--octavius_color_header_icon_unread: #FFFFFF;
-	--vkui--octavius_color_header_icon_unread--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_unread--active: #EBECEF;
-	--vkui--octavius_color_header_icon_favorite: #FFFFFF;
-	--vkui--octavius_color_header_icon_favorite--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_favorite--active: #EBECEF;
-	--vkui--octavius_color_header_icon_attach: #FFFFFF;
-	--vkui--octavius_color_header_icon_attach--hover: #F5F5F7;
-	--vkui--octavius_color_header_icon_attach--active: #EBECEF;
+	--vkui--octavius_color_header_icon_unread: #005FF9;
+	--vkui--octavius_color_header_icon_unread--hover: #005CF1;
+	--vkui--octavius_color_header_icon_unread--active: #0059EA;
+	--vkui--octavius_color_header_icon_favorite: #FC2C38;
+	--vkui--octavius_color_header_icon_favorite--hover: #F22B38;
+	--vkui--octavius_color_header_icon_favorite--active: #E82A38;
+	--vkui--octavius_color_header_icon_attach: #D9DADD;
+	--vkui--octavius_color_header_icon_attach--hover: #D0D2D7;
+	--vkui--octavius_color_header_icon_attach--active: #C8CAD0;
 	--vkui--octavius_color_header_text_secondary: #93969b;
 	--vkui--octavius_color_header_text_secondary--hover: #8D9197;
 	--vkui--octavius_color_header_text_secondary--active: #878B93;
 	--vkui--octavius_color_header_search_icon: #b6b8be;
 	--vkui--octavius_color_header_search_icon--hover: #AFB1B9;
 	--vkui--octavius_color_header_search_icon--active: #A7ABB4;
-	--vkui--octavius_color_header_search_chip_background: #F0F1F3;
-	--vkui--octavius_color_header_search_chip_background--hover: #E6E8EC;
-	--vkui--octavius_color_header_search_chip_background--active: #DDDFE4;
+	--vkui--octavius_color_header_search_chip_background: #FFFFFF;
+	--vkui--octavius_color_header_search_chip_background--hover: rgba(255, 255, 255, 0.64);
+	--vkui--octavius_color_header_search_chip_background--active: rgba(255, 255, 255, 0.4);
 	--vkui--octavius_color_header_search_chip_background_editable: #ffffff;
 	--vkui--octavius_color_header_search_chip_background_editable--hover: #F5F5F7;
 	--vkui--octavius_color_header_search_chip_background_editable--active: #EBECEF;
 	--vkui--octavius_color_header_search_chip_border_editable_alpha: rgba(0, 16, 61, 0.12);
 	--vkui--octavius_color_header_search_chip_border_editable_alpha--hover: rgba(0, 16, 61, 0.16);
 	--vkui--octavius_color_header_search_chip_border_editable_alpha--active: rgba(0, 16, 61, 0.2);
-	--vkui--octavius_color_header_search_background: #ffffff;
-	--vkui--octavius_color_header_search_background--hover: #F5F5F7;
-	--vkui--octavius_color_header_search_background--active: #EBECEF;
-	--vkui--octavius_color_header_search_background_collapsed: #ffffff;
-	--vkui--octavius_color_header_search_background_collapsed--hover: #F5F5F7;
-	--vkui--octavius_color_header_search_background_collapsed--active: #EBECEF;
+	--vkui--octavius_color_header_search_background: #f0f1f3;
+	--vkui--octavius_color_header_search_background--hover: #E6E8EC;
+	--vkui--octavius_color_header_search_background--active: #DDDFE4;
+	--vkui--octavius_color_header_search_background_collapsed: #f0f1f3;
+	--vkui--octavius_color_header_search_background_collapsed--hover: #E6E8EC;
+	--vkui--octavius_color_header_search_background_collapsed--active: #DDDFE4;
 	--vkui--octavius_color_header_search_text: #2C2D2E;
 	--vkui--octavius_color_header_search_text--hover: #2A2C2F;
 	--vkui--octavius_color_header_search_text--active: #282B2F;
 	--vkui--octavius_color_header_search_text_collapsed: #87898F;
 	--vkui--octavius_color_header_search_text_collapsed--hover: #82848C;
 	--vkui--octavius_color_header_search_text_collapsed--active: #7C7F88;
-	--vkui--octavius_color_header_filter_text_alpha: rgba(255, 255, 255, .48);
-	--vkui--octavius_color_header_filter_text_alpha--hover: rgba(255, 255, 255, 0.52);
-	--vkui--octavius_color_header_filter_text_alpha--active: rgba(255, 255, 255, 0.56);
-	--vkui--octavius_color_header_progress: #FF9E00;
-	--vkui--octavius_color_header_progress--hover: #F59802;
-	--vkui--octavius_color_header_progress--active: #EB9305;
+	--vkui--octavius_color_header_filter_text_alpha: rgba(39, 43, 55, 0.5);
+	--vkui--octavius_color_header_filter_text_alpha--hover: rgba(39, 43, 55, 0.54);
+	--vkui--octavius_color_header_filter_text_alpha--active: rgba(39, 43, 55, 0.58);
 	--vkui--octavius_color_header_tab_active_themed_alpha: rgba(0, 95, 249, .10);
 	--vkui--octavius_color_header_tab_active_themed_alpha--hover: rgba(0, 95, 249, 0.14);
 	--vkui--octavius_color_header_tab_active_themed_alpha--active: rgba(0, 95, 249, 0.18);
@@ -752,9 +749,6 @@
 	--vkui--octavius_color_action_archive: #1F5C23;
 	--vkui--octavius_color_action_archive--hover: #1E5924;
 	--vkui--octavius_color_action_archive--active: #1D5625;
-	--vkui--octavius_color_icon_unread: #005FF9;
-	--vkui--octavius_color_icon_unread--hover: #005CF1;
-	--vkui--octavius_color_icon_unread--active: #0059EA;
 	--vkui--octavius_color_icon_favorite: #fc2c38;
 	--vkui--octavius_color_icon_favorite--hover: #F22B38;
 	--vkui--octavius_color_icon_favorite--active: #E82A38;
@@ -914,4 +908,10 @@
 	--vkui--octavius_color_snackbar_transparent: rgba(255, 255, 255, 0.16);
 	--vkui--octavius_color_snackbar_transparent--active: rgba(255, 255, 255, 0.04);
 	--vkui--octavius_color_snackbar_transparent--hover: rgba(255, 255, 255, 0.08);
+	--vkui--octavius_color_icon_unread: #0077FF;
+	--vkui--octavius_color_icon_unread--hover: #0073F7;
+	--vkui--octavius_color_icon_unread--active: #006FEF;
+	--vkui--octavius_color_header_progress: #0077FF;
+	--vkui--octavius_color_header_progress--hover: #0073F7;
+	--vkui--octavius_color_header_progress--active: #006FEF;
 }