@vkontakte/vkui-tokens 4.0.0 → 4.2.0

package/themes/octaviusVKDark/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: dark;
-	--vkui--color_background_accent: #71AAEB;
-	--vkui--color_background_accent--hover: #77ADEC;
-	--vkui--color_background_accent--active: #7CB1ED;
+	--vkui--color_background_accent: #529EF4;
+	--vkui--color_background_accent--hover: #59A2F4;
+	--vkui--color_background_accent--active: #60A6F5;
 	--vkui--color_background_accent_themed: #FFFFFF;
 	--vkui--color_background_accent_themed--hover: #FFFFFF;
 	--vkui--color_background_accent_themed--active: #FFFFFF;
-	--vkui--color_background_accent_alternative: #71AAEB;
-	--vkui--color_background_accent_alternative--hover: #77ADEC;
-	--vkui--color_background_accent_alternative--active: #7CB1ED;
+	--vkui--color_background_accent_alternative: #529EF4;
+	--vkui--color_background_accent_alternative--hover: #59A2F4;
+	--vkui--color_background_accent_alternative--active: #60A6F5;
 	--vkui--color_background_content: #19191A;
 	--vkui--color_background_content--hover: #2B2B2C;
 	--vkui--color_background_content--active: #353535;
@@ -304,21 +308,21 @@
 	--vkui--color_background_positive: #4BB34B;
 	--vkui--color_background_positive--hover: #52B652;
 	--vkui--color_background_positive--active: #59B959;
-	--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_text_accent: #71AAEB;
-	--vkui--color_text_accent--hover: #77ADEC;
-	--vkui--color_text_accent--active: #7CB1ED;
+	--vkui--color_text_accent: #529EF4;
+	--vkui--color_text_accent--hover: #59A2F4;
+	--vkui--color_text_accent--active: #60A6F5;
 	--vkui--color_text_accent_themed: #FFFFFF;
 	--vkui--color_text_accent_themed--hover: #FFFFFF;
 	--vkui--color_text_accent_themed--active: #FFFFFF;
 	--vkui--color_text_negative: #E64646;
 	--vkui--color_text_negative--hover: #E74D4D;
 	--vkui--color_text_negative--active: #E85555;
-	--vkui--color_text_link: #71AAEB;
-	--vkui--color_text_link--hover: #77ADEC;
-	--vkui--color_text_link--active: #7CB1ED;
+	--vkui--color_text_link: #529EF4;
+	--vkui--color_text_link--hover: #59A2F4;
+	--vkui--color_text_link--active: #60A6F5;
 	--vkui--color_text_link_themed: #FFFFFF;
 	--vkui--color_text_link_themed--hover: #FFFFFF;
 	--vkui--color_text_link_themed--active: #FFFFFF;
@@ -355,9 +359,9 @@
 	--vkui--color_text_positive: #4BB34B;
 	--vkui--color_text_positive--hover: #52B652;
 	--vkui--color_text_positive--active: #59B959;
-	--vkui--color_icon_accent: #71AAEB;
-	--vkui--color_icon_accent--hover: #77ADEC;
-	--vkui--color_icon_accent--active: #7CB1ED;
+	--vkui--color_icon_accent: #529EF4;
+	--vkui--color_icon_accent--hover: #59A2F4;
+	--vkui--color_icon_accent--active: #60A6F5;
 	--vkui--color_icon_negative: #E64646;
 	--vkui--color_icon_negative--hover: #E74D4D;
 	--vkui--color_icon_negative--active: #E85555;
@@ -394,9 +398,9 @@
 	--vkui--color_icon_positive: #4BB34B;
 	--vkui--color_icon_positive--hover: #52B652;
 	--vkui--color_icon_positive--active: #59B959;
-	--vkui--color_stroke_accent: #71AAEB;
-	--vkui--color_stroke_accent--hover: #77ADEC;
-	--vkui--color_stroke_accent--active: #7CB1ED;
+	--vkui--color_stroke_accent: #529EF4;
+	--vkui--color_stroke_accent--hover: #59A2F4;
+	--vkui--color_stroke_accent--active: #60A6F5;
 	--vkui--color_stroke_accent_themed: #FFFFFF;
 	--vkui--color_stroke_accent_themed--hover: #FFFFFF;
 	--vkui--color_stroke_accent_themed--active: #FFFFFF;
@@ -424,9 +428,9 @@
 	--vkui--color_stroke_positive: #4BB34B;
 	--vkui--color_stroke_positive--hover: #52B652;
 	--vkui--color_stroke_positive--active: #59B959;
-	--vkui--color_accent_blue: #71AAEB;
-	--vkui--color_accent_blue--hover: #77ADEC;
-	--vkui--color_accent_blue--active: #7CB1ED;
+	--vkui--color_accent_blue: #529EF4;
+	--vkui--color_accent_blue--hover: #59A2F4;
+	--vkui--color_accent_blue--active: #60A6F5;
 	--vkui--color_accent_gray: #A3ADB8;
 	--vkui--color_accent_gray--hover: #A7B0BB;
 	--vkui--color_accent_gray--active: #AAB4BE;
@@ -448,9 +452,9 @@
 	--vkui--color_accent_secondary: #3F8AE0;
 	--vkui--color_accent_secondary--hover: #478FE1;
 	--vkui--color_accent_secondary--active: #4E93E2;
-	--vkui--color_action_sheet_text: #71AAEB;
-	--vkui--color_action_sheet_text--hover: #77ADEC;
-	--vkui--color_action_sheet_text--active: #7CB1ED;
+	--vkui--color_action_sheet_text: #529EF4;
+	--vkui--color_action_sheet_text--hover: #59A2F4;
+	--vkui--color_action_sheet_text--active: #60A6F5;
 	--vkui--color_header_background: #19191A;
 	--vkui--color_header_background--hover: #222223;
 	--vkui--color_header_background--active: #2B2B2C;
@@ -478,9 +482,9 @@
 	--vkui--color_search_field_background: #232324;
 	--vkui--color_search_field_background--hover: #2C2C2D;
 	--vkui--color_search_field_background--active: #353536;
-	--vkui--color_write_bar_icon: #76787A;
-	--vkui--color_write_bar_icon--hover: #7B7D7F;
-	--vkui--color_write_bar_icon--active: #818385;
+	--vkui--color_write_bar_icon: #529EF4;
+	--vkui--color_write_bar_icon--hover: #59A2F4;
+	--vkui--color_write_bar_icon--active: #60A6F5;
 	--vkui--color_skeleton_from: #F5F5F5;
 	--vkui--color_skeleton_from--hover: #F5F5F5;
 	--vkui--color_skeleton_from--active: #F6F6F6;
@@ -613,9 +617,9 @@
 	--vkui--octavius_color_background: #000000;
 	--vkui--octavius_color_background--hover: #0A0A0A;
 	--vkui--octavius_color_background--active: #141414;
-	--vkui--octavius_color_background_accent_toned_alpha: rgba(113, 170, 235, 0.12);
-	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(113, 170, 235, 0.16);
-	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(113, 170, 235, 0.2);
+	--vkui--octavius_color_background_accent_toned_alpha: rgba(82, 158, 244, 0.12);
+	--vkui--octavius_color_background_accent_toned_alpha--hover: rgba(82, 158, 244, 0.16);
+	--vkui--octavius_color_background_accent_toned_alpha--active: rgba(82, 158, 244, 0.2);
 	--vkui--octavius_color_overlay_background: transparent;
 	--vkui--octavius_color_overlay_background--hover: rgba(255, 255, 255, 0.04);
 	--vkui--octavius_color_overlay_background--active: rgba(255, 255, 255, 0.08);
@@ -628,9 +632,9 @@
 	--vkui--octavius_color_header_button_background_alpha: transparent;
 	--vkui--octavius_color_header_button_background_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--octavius_color_header_button_background_alpha--active: rgba(255, 255, 255, 0.2);
-	--vkui--octavius_color_header_icon: #71AAEB;
-	--vkui--octavius_color_header_icon--hover: #77ADEC;
-	--vkui--octavius_color_header_icon--active: #7CB1ED;
+	--vkui--octavius_color_header_icon: #529EF4;
+	--vkui--octavius_color_header_icon--hover: #59A2F4;
+	--vkui--octavius_color_header_icon--active: #60A6F5;
 	--vkui--octavius_color_header_text_secondary: #76787A;
 	--vkui--octavius_color_header_text_secondary--hover: #7B7D7F;
 	--vkui--octavius_color_header_text_secondary--active: #818385;
@@ -661,9 +665,9 @@
 	--vkui--octavius_color_header_filter_text_alpha: rgba(255, 255, 255, 0.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: #71AAEB;
-	--vkui--octavius_color_header_progress--hover: #77ADEC;
-	--vkui--octavius_color_header_progress--active: #7CB1ED;
+	--vkui--octavius_color_header_progress: #529EF4;
+	--vkui--octavius_color_header_progress--hover: #59A2F4;
+	--vkui--octavius_color_header_progress--active: #60A6F5;
 	--vkui--octavius_color_portal_menu_background: rgb(31, 31, 31);
 	--vkui--octavius_color_portal_menu_background--hover: #282828;
 	--vkui--octavius_color_portal_menu_background--active: #313131;
@@ -745,9 +749,9 @@
 	--vkui--octavius_color_content_scrollbar_alpha: rgba(255, 255, 255, 0.2);
 	--vkui--octavius_color_content_scrollbar_alpha--hover: rgba(255, 255, 255, 0.24);
 	--vkui--octavius_color_content_scrollbar_alpha--active: rgba(255, 255, 255, 0.28);
-	--vkui--octavius_color_icon_unread: #71AAEB;
-	--vkui--octavius_color_icon_unread--hover: #77ADEC;
-	--vkui--octavius_color_icon_unread--active: #7CB1ED;
+	--vkui--octavius_color_icon_unread: #529EF4;
+	--vkui--octavius_color_icon_unread--hover: #59A2F4;
+	--vkui--octavius_color_icon_unread--active: #60A6F5;
 	--vkui--octavius_color_icon_favorite: #FF3347;
 	--vkui--octavius_color_icon_favorite--hover: #FF3B4E;
 	--vkui--octavius_color_icon_favorite--active: #FF4356;
@@ -769,9 +773,9 @@
 	--vkui--octavius_color_icon_fees: #e70101;
 	--vkui--octavius_color_icon_fees--hover: #E80B0B;
 	--vkui--octavius_color_icon_fees--active: #E91515;
-	--vkui--octavius_color_sidebar_icon_unread: #3F8AE0;
-	--vkui--octavius_color_sidebar_icon_unread--hover: #478FE1;
-	--vkui--octavius_color_sidebar_icon_unread--active: #4E93E2;
+	--vkui--octavius_color_sidebar_icon_unread: #2688EB;
+	--vkui--octavius_color_sidebar_icon_unread--hover: #2F8DEC;
+	--vkui--octavius_color_sidebar_icon_unread--active: #3792ED;
 	--vkui--octavius_color_sidebar_icon_favorite: #FF3347;
 	--vkui--octavius_color_sidebar_icon_favorite--hover: #FF3B4E;
 	--vkui--octavius_color_sidebar_icon_favorite--active: #FF4356;

package/themes/octaviusVKDark/index.js

@@ -247,6 +247,18 @@ var theme = {
     "sizeBadgeXL": {
         "regular": 56
     },
+    "sizeCardgridPadding": {
+        "regular": 12
+    },
+    "sizeCardBorderRadius": {
+        "regular": 16
+    },
+    "sizeCardgridPaddingVertical": {
+        "regular": 8
+    },
+    "sizeBasePaddingHorizontal": {
+        "regular": 16
+    },
     "elevation1": "0 2px 0 0 rgba(0, 16, 61, 0.04)",
     "elevation2": "0 4px 32px 0 rgba(0, 16, 61, 0.32)",
     "elevation3": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
@@ -531,9 +543,9 @@ var theme = {
     },
     "colorsScheme": "dark",
     "colorBackgroundAccent": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorBackgroundAccentThemed": {
         "normal": "#FFFFFF",
@@ -541,9 +553,9 @@ var theme = {
         "active": "#FFFFFF"
     },
     "colorBackgroundAccentAlternative": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorBackgroundContent": {
         "normal": "#19191A",
@@ -601,14 +613,14 @@ var theme = {
         "active": "#59B959"
     },
     "colorBackgroundNegativeTint": {
-        "normal": "#522e2e",
+        "normal": "#522E2E",
         "hover": "#593636",
         "active": "#603F3F"
     },
     "colorTextAccent": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorTextAccentThemed": {
         "normal": "#FFFFFF",
@@ -621,9 +633,9 @@ var theme = {
         "active": "#E85555"
     },
     "colorTextLink": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorTextLinkThemed": {
         "normal": "#FFFFFF",
@@ -686,9 +698,9 @@ var theme = {
         "active": "#59B959"
     },
     "colorIconAccent": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorIconNegative": {
         "normal": "#E64646",
@@ -751,9 +763,9 @@ var theme = {
         "active": "#59B959"
     },
     "colorStrokeAccent": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorStrokeAccentThemed": {
         "normal": "#FFFFFF",
@@ -801,9 +813,9 @@ var theme = {
         "active": "#59B959"
     },
     "colorAccentBlue": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorAccentGray": {
         "normal": "#A3ADB8",
@@ -841,9 +853,9 @@ var theme = {
         "active": "#4E93E2"
     },
     "colorActionSheetText": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorHeaderBackground": {
         "normal": "#19191A",
@@ -891,9 +903,9 @@ var theme = {
         "active": "#353536"
     },
     "colorWriteBarIcon": {
-        "normal": "#76787A",
-        "hover": "#7B7D7F",
-        "active": "#818385"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "colorSkeletonFrom": {
         "normal": "#F5F5F5",
@@ -1116,9 +1128,9 @@ var theme = {
         "active": "#141414"
     },
     "octaviusColorBackgroundAccentTonedAlpha": {
-        "normal": "rgba(113, 170, 235, 0.12)",
-        "hover": "rgba(113, 170, 235, 0.16)",
-        "active": "rgba(113, 170, 235, 0.2)"
+        "normal": "rgba(82, 158, 244, 0.12)",
+        "hover": "rgba(82, 158, 244, 0.16)",
+        "active": "rgba(82, 158, 244, 0.2)"
     },
     "octaviusColorOverlayBackground": {
         "normal": "transparent",
@@ -1141,9 +1153,9 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.2)"
     },
     "octaviusColorHeaderIcon": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "octaviusColorHeaderTextSecondary": {
         "normal": "#76787A",
@@ -1196,9 +1208,9 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.56)"
     },
     "octaviusColorHeaderProgress": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "octaviusColorPortalMenuBackground": {
         "normal": "rgb(31, 31, 31)",
@@ -1336,9 +1348,9 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.28)"
     },
     "octaviusColorIconUnread": {
-        "normal": "#71AAEB",
-        "hover": "#77ADEC",
-        "active": "#7CB1ED"
+        "normal": "#529EF4",
+        "hover": "#59A2F4",
+        "active": "#60A6F5"
     },
     "octaviusColorIconFavorite": {
         "normal": "#FF3347",
@@ -1376,9 +1388,9 @@ var theme = {
         "active": "#E91515"
     },
     "octaviusColorSidebarIconUnread": {
-        "normal": "#3F8AE0",
-        "hover": "#478FE1",
-        "active": "#4E93E2"
+        "normal": "#2688EB",
+        "hover": "#2F8DEC",
+        "active": "#3792ED"
     },
     "octaviusColorSidebarIconFavorite": {
         "normal": "#FF3347",

package/themes/octaviusVKDark/index.json

@@ -245,6 +245,18 @@
 	"sizeBadgeXL": {
 		"regular": 56
 	},
+	"sizeCardgridPadding": {
+		"regular": 12
+	},
+	"sizeCardBorderRadius": {
+		"regular": 16
+	},
+	"sizeCardgridPaddingVertical": {
+		"regular": 8
+	},
+	"sizeBasePaddingHorizontal": {
+		"regular": 16
+	},
 	"elevation1": "0 2px 0 0 rgba(0, 16, 61, 0.04)",
 	"elevation2": "0 4px 32px 0 rgba(0, 16, 61, 0.32)",
 	"elevation3": "0 16px 48px 0 rgba(0, 0, 0, 0.48)",
@@ -529,9 +541,9 @@
 	},
 	"colorsScheme": "dark",
 	"colorBackgroundAccent": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorBackgroundAccentThemed": {
 		"normal": "#FFFFFF",
@@ -539,9 +551,9 @@
 		"active": "#FFFFFF"
 	},
 	"colorBackgroundAccentAlternative": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorBackgroundContent": {
 		"normal": "#19191A",
@@ -599,14 +611,14 @@
 		"active": "#59B959"
 	},
 	"colorBackgroundNegativeTint": {
-		"normal": "#522e2e",
+		"normal": "#522E2E",
 		"hover": "#593636",
 		"active": "#603F3F"
 	},
 	"colorTextAccent": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorTextAccentThemed": {
 		"normal": "#FFFFFF",
@@ -619,9 +631,9 @@
 		"active": "#E85555"
 	},
 	"colorTextLink": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorTextLinkThemed": {
 		"normal": "#FFFFFF",
@@ -684,9 +696,9 @@
 		"active": "#59B959"
 	},
 	"colorIconAccent": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorIconNegative": {
 		"normal": "#E64646",
@@ -749,9 +761,9 @@
 		"active": "#59B959"
 	},
 	"colorStrokeAccent": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorStrokeAccentThemed": {
 		"normal": "#FFFFFF",
@@ -799,9 +811,9 @@
 		"active": "#59B959"
 	},
 	"colorAccentBlue": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorAccentGray": {
 		"normal": "#A3ADB8",
@@ -839,9 +851,9 @@
 		"active": "#4E93E2"
 	},
 	"colorActionSheetText": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorHeaderBackground": {
 		"normal": "#19191A",
@@ -889,9 +901,9 @@
 		"active": "#353536"
 	},
 	"colorWriteBarIcon": {
-		"normal": "#76787A",
-		"hover": "#7B7D7F",
-		"active": "#818385"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"colorSkeletonFrom": {
 		"normal": "#F5F5F5",
@@ -1114,9 +1126,9 @@
 		"active": "#141414"
 	},
 	"octaviusColorBackgroundAccentTonedAlpha": {
-		"normal": "rgba(113, 170, 235, 0.12)",
-		"hover": "rgba(113, 170, 235, 0.16)",
-		"active": "rgba(113, 170, 235, 0.2)"
+		"normal": "rgba(82, 158, 244, 0.12)",
+		"hover": "rgba(82, 158, 244, 0.16)",
+		"active": "rgba(82, 158, 244, 0.2)"
 	},
 	"octaviusColorOverlayBackground": {
 		"normal": "transparent",
@@ -1139,9 +1151,9 @@
 		"active": "rgba(255, 255, 255, 0.2)"
 	},
 	"octaviusColorHeaderIcon": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"octaviusColorHeaderTextSecondary": {
 		"normal": "#76787A",
@@ -1194,9 +1206,9 @@
 		"active": "rgba(255, 255, 255, 0.56)"
 	},
 	"octaviusColorHeaderProgress": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"octaviusColorPortalMenuBackground": {
 		"normal": "rgb(31, 31, 31)",
@@ -1334,9 +1346,9 @@
 		"active": "rgba(255, 255, 255, 0.28)"
 	},
 	"octaviusColorIconUnread": {
-		"normal": "#71AAEB",
-		"hover": "#77ADEC",
-		"active": "#7CB1ED"
+		"normal": "#529EF4",
+		"hover": "#59A2F4",
+		"active": "#60A6F5"
 	},
 	"octaviusColorIconFavorite": {
 		"normal": "#FF3347",
@@ -1374,9 +1386,9 @@
 		"active": "#E91515"
 	},
 	"octaviusColorSidebarIconUnread": {
-		"normal": "#3F8AE0",
-		"hover": "#478FE1",
-		"active": "#4E93E2"
+		"normal": "#2688EB",
+		"hover": "#2F8DEC",
+		"active": "#3792ED"
 	},
 	"octaviusColorSidebarIconFavorite": {
 		"normal": "#FF3347",