@vkontakte/vkui-tokens 4.41.4-dev-8a1f9f.0 → 4.41.5-dev-b8dd9a.0

package/interfaces/general/colors/index.d.ts

@@ -31,6 +31,11 @@ export interface ColorsDescriptionStruct {
      * @tags color, background, themed
      */
     colorBackgroundAccentThemed: ColorDescription;
+    /**
+     * @desc Акцентный фон с прозрачностью, который меняется на белый в темной теме
+     * @tags color, background, themed
+     */
+    colorBackgroundAccentThemedAlpha: ColorDescription;
     /**
      * @desc Тонированный акцентный фон
      * @tags color, background

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

@@ -102,6 +102,8 @@ export interface LocalOctaviusColorsDescriptionStruct {
     octaviusColorHeaderTextSecondary: ColorDescription;
     octaviusColorHeaderProgress: ColorDescription;
     octaviusColorHeaderFilterTextAlpha: ColorDescription;
+    octaviusColorHeaderTabActiveThemedAlpha: ColorDescription;
+    octaviusColorHeaderTabTextActiveThemed: ColorDescription;
     octaviusColorHeaderSearchIcon: ColorDescription;
     octaviusColorHeaderSearchBackground: ColorDescription;
     octaviusColorHeaderSearchBackgroundCollapsed: ColorDescription;
@@ -110,6 +112,8 @@ export interface LocalOctaviusColorsDescriptionStruct {
     octaviusColorHeaderSearchChipBackground: ColorDescription;
     octaviusColorHeaderSearchChipBackgroundEditable: ColorDescription;
     octaviusColorHeaderSearchChipBorderEditableAlpha: ColorDescription;
+    octaviusColorPortalSearchBackgroundAlpha: ColorDescription;
+    octaviusColorPortalSearchIconThemedAlpha: ColorDescription;
     octaviusColorSidebarItemBackgroundAlpha: ColorDescription;
     octaviusColorSidebarItemIconActive: ColorDescription;
     octaviusColorSidebarItemIconPrimary: ColorDescription;

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

@@ -246,6 +246,8 @@ export interface LocalVkontakteAndroidColorsDescriptionStruct {
     vkontakteImBubbleIncomingAlternateHighlighted: ColorDescription;
     vkontakteImBubbleIncomingExpiringHighlighted: ColorDescription;
     vkontakteImBubbleOutgoingHighlighted: ColorDescription;
+    vkontakteLandingSecondaryButtonBackground: ColorDescription;
+    vkontakteStoriesSkeletonLoaderBackground: ColorDescription;
 }
 export type VkontakteAndroidLocalColors = {
     [key in keyof LocalVkontakteAndroidColorsDescriptionStruct]: ColorWithStates;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.41.4-dev-8a1f9f.0",
+  "version": "4.41.5-dev-b8dd9a.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -48,20 +48,20 @@
     "@types/color": "3.0.6",
     "@types/common-tags": "1.8.4",
     "@types/fs-extra": "11.0.4",
-    "@types/lodash": "4.14.199",
+    "@types/lodash": "4.14.202",
     "@types/node": "18.11.10",
     "@types/react": "18.2.39",
     "@types/react-dom": "18.2.17",
-    "@typescript-eslint/eslint-plugin": "6.10.0",
+    "@typescript-eslint/eslint-plugin": "6.13.2",
     "@typescript-eslint/parser": "6.13.1",
     "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.7",
     "@vkontakte/icons": "2.85.0",
     "@vkontakte/prettier-config": "0.1.0",
-    "@vkontakte/vk-bridge": "2.11.1",
-    "@vkontakte/vkjs": "1.1.0",
+    "@vkontakte/vk-bridge": "2.12.2",
+    "@vkontakte/vkjs": "1.1.1",
     "@vkontakte/vkui": "5.10.0",
     "babel-jest": "29.7.0",
-    "babel-loader": "9.1.2",
+    "babel-loader": "9.1.3",
     "clean-webpack-plugin": "4.0.0",
     "clsx": "2.0.0",
     "color": "4.2.3",
@@ -79,12 +79,12 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-sonarjs": "0.19.0",
-    "fs-extra": "11.1.1",
+    "fs-extra": "11.2.0",
     "html-webpack-plugin": "5.5.3",
     "husky": "8.0.3",
     "jest": "29.7.0",
     "jest-junit": "16.0.0",
-    "lint-staged": "14.0.1",
+    "lint-staged": "15.2.0",
     "lodash": "4.17.21",
     "prettier": "2.8.8",
     "react": "18.2.0",
@@ -98,7 +98,7 @@
     "ts-node": "10.9.1",
     "tsconfig-paths": "4.2.0",
     "tscpaths": "0.0.9",
-    "type-fest": "4.2.0",
+    "type-fest": "4.8.3",
     "typescript": "5.2.2",
     "webpack": "5.89.0",
     "webpack-cli": "5.1.4",

package/themeDescriptions/base/figma/vk.json

@@ -1,278 +1,280 @@
 {
   "dark": {
+    "background": {
+      "background": "#0a0a0a",
+      "background_accent": "#529ef4",
+      "background_accent_themed": "#ffffff",
+      "background_accent_themed_alpha": "rgba(0, 0, 0, 0.12)",
+      "background_accent_tint": "#5a9eff",
+      "background_content": "#19191a",
+      "background_contrast": "#ffffff",
+      "background_contrast_inverse": "#2c2d2e",
+      "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
+      "background_contrast_themed": "#323232",
+      "background_modal": "#2c2d2e",
+      "background_modal_inverse": "#ffffff",
+      "background_negative": "#ff5c5c",
+      "background_negative_tint": "#522e2e",
+      "background_positive": "#4bb34b",
+      "background_positive_tint": "#b1d6b1",
+      "background_secondary": "#232324",
+      "background_secondary_alpha": "rgba(255, 255, 255, 0.10)",
+      "background_tertiary": "#202021",
+      "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)",
+      "background_warning": "#857250",
+      "field_background": "#232324",
+      "header_background": "#19191a"
+    },
+    "elevation_1": "#d9d9d9",
+    "elevation_2": "#d9d9d9",
+    "elevation_3": "#d9d9d9",
+    "elevation_4": "#d9d9d9",
+    "icons": {
+      "icon_accent": "#529ef4",
+      "icon_accent_themed": "#ffffff",
+      "icon_contrast": "#ffffff",
+      "icon_contrast_secondary": "#f2f3f5",
+      "icon_contrast_themed": "#000000",
+      "icon_medium": "#b0b1b6",
+      "icon_medium_alpha": "rgba(241, 247, 255, 0.66)",
+      "icon_negative": "#ff5c5c",
+      "icon_positive": "#4bb34b",
+      "icon_primary": "#e1e3e6",
+      "icon_primary_invariably": "#2c2d2e",
+      "icon_secondary": "#76787a",
+      "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)",
+      "icon_tertiary": "#5d5f61",
+      "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)"
+    },
+    "other": {
+      "action_sheet_text": "#71aaeb",
+      "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
+      "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
+      "image_placeholder": "#2a2b2c",
+      "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)",
+      "overlay_primary": "rgba(0, 0, 0, 0.40)",
+      "overlay_secondary": "rgba(53, 54, 55, 0.40)",
+      "panel_header_icon": "#71aaeb",
+      "search_field_background": "#363738",
+      "segmented_control": "#626364",
+      "skeleton_from": "#232324",
+      "skeleton_to": "#2c2d2e",
+      "tabbar_text_inactive": "#76787a",
+      "track_background": "#454647",
+      "track_buffer": "#405772",
+      "write_bar_icon": "#76787a",
+      "write_bar_input_background": "#2c2d2e",
+      "write_bar_input_border": "#2c2d2e"
+    },
+    "palette": {
+      "accent_blue": "#71aaeb",
+      "accent_gray": "#a3adb8",
+      "accent_green": "#4bb34b",
+      "accent_orange": "#ffa000",
+      "accent_orange_fire": "#f05c44",
+      "accent_purple": "#9985ff",
+      "accent_raspberry_pink": "#f060c0",
+      "accent_red": "#ff3347",
+      "accent_secondary": "#3f8ae0",
+      "accent_violet": "#a94fff"
+    },
     "stroke": {
-      "stroke_positive": "#4bb34b",
       "field_border_alpha": "rgba(255, 255, 255, 0.12)",
-      "separator_primary_alpha": "rgba(255, 255, 255, 0.12)",
       "image_border_alpha": "rgba(255, 255, 255, 0.08)",
+      "separator_primary": "#363738",
+      "separator_primary_alpha": "rgba(255, 255, 255, 0.12)",
       "separator_secondary": "#141415",
+      "stroke_accent": "#529ef4",
+      "stroke_accent_themed": "#ffffff",
       "stroke_contrast": "#ffffff",
-      "separator_primary": "#363738",
       "stroke_negative": "#ff5c5c",
-      "stroke_accent_themed": "#ffffff",
-      "stroke_accent": "#529ef4"
+      "stroke_positive": "#4bb34b"
     },
     "text": {
-      "text_primary": "#e1e3e6",
-      "text_negative": "#ff5c5c",
-      "text_accent_themed": "#ffffff",
-      "text_subhead": "#969a9f",
-      "text_secondary": "#76787a",
-      "text_tertiary": "#5d5f61",
       "link_contrast": "#ffffff",
+      "text_accent": "#529ef4",
+      "text_accent_themed": "#ffffff",
       "text_contrast": "#ffffff",
       "text_contrast_themed": "#000000",
-      "text_accent": "#529ef4",
       "text_link": "#529ef4",
+      "text_link_themed": "#ffffff",
+      "text_link_tint": "#71aaeb",
       "text_link_visited": "#4986cc",
       "text_muted": "#e1e3e6",
+      "text_negative": "#ff5c5c",
       "text_positive": "#4bb34b",
-      "text_link_tint": "#71aaeb",
-      "text_link_themed": "#ffffff",
-      "text_primary_invariably": "#000000"
-    },
-    "icons": {
-      "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)",
-      "icon_accent_themed": "#ffffff",
-      "icon_secondary": "#76787a",
-      "icon_positive": "#4bb34b",
-      "icon_medium": "#b0b1b6",
-      "icon_accent": "#529ef4",
-      "icon_medium_alpha": "rgba(241, 247, 255, 0.66)",
-      "icon_contrast": "#ffffff",
-      "icon_tertiary": "#5d5f61",
-      "icon_primary_invariably": "#2c2d2e",
-      "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)",
-      "icon_contrast_secondary": "#f2f3f5",
-      "icon_primary": "#e1e3e6",
-      "icon_negative": "#ff5c5c",
-      "icon_contrast_themed": "#000000"
-    },
+      "text_primary": "#e1e3e6",
+      "text_primary_invariably": "#000000",
+      "text_secondary": "#76787a",
+      "text_subhead": "#969a9f",
+      "text_tertiary": "#5d5f61"
+    }
+  },
+  "light": {
     "background": {
-      "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
-      "background_secondary_alpha": "rgba(255, 255, 255, 0.10)",
-      "background_positive_tint": "#b1d6b1",
-      "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)",
-      "background_content": "#19191a",
-      "background_contrast_inverse": "#2c2d2e",
-      "background_modal_inverse": "#ffffff",
+      "background": "#ebedf0",
+      "background_accent": "#2688eb",
+      "background_accent_themed": "#2688eb",
+      "background_accent_themed_alpha": "rgba(38, 136, 235, 0.2)",
       "background_accent_tint": "#5a9eff",
+      "background_content": "#ffffff",
+      "background_contrast": "#ffffff",
+      "background_contrast_inverse": "#2c2d2e",
+      "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
+      "background_contrast_themed": "#ffffff",
+      "background_modal": "#ffffff",
+      "background_modal_inverse": "#2d2d2e",
+      "background_negative": "#e64646",
+      "background_negative_tint": "#faebeb",
       "background_positive": "#4bb34b",
-      "background_accent": "#529ef4",
-      "header_background": "#19191a",
-      "background_negative_tint": "#522e2e",
-      "background_secondary": "#232324",
-      "background_tertiary": "#202021",
-      "background_modal": "#2c2d2e",
-      "background": "#0a0a0a",
-      "background_accent_themed": "#ffffff",
-      "field_background": "#232324",
-      "background_warning": "#857250",
-      "background_negative": "#ff5c5c",
-      "background_contrast_themed": "#323232",
-      "background_contrast": "#ffffff"
+      "background_positive_tint": "#e8f9e8",
+      "background_secondary": "#f5f5f5",
+      "background_secondary_alpha": "rgba(0, 0, 0, 0.04)",
+      "background_tertiary": "#f9f9f9",
+      "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)",
+      "background_warning": "#fff2d6",
+      "field_background": "#f2f3f5",
+      "header_background": "#ffffff"
     },
-    "palette": {
-      "accent_orange_fire": "#f05c44",
-      "accent_gray": "#a3adb8",
-      "accent_orange": "#ffa000",
-      "accent_blue": "#71aaeb",
-      "accent_secondary": "#3f8ae0",
-      "accent_green": "#4bb34b",
-      "accent_violet": "#a94fff",
-      "accent_red": "#ff3347",
-      "accent_purple": "#9985ff",
-      "accent_raspberry_pink": "#f060c0"
+    "elevation_1": "#c4c4c4",
+    "elevation_2": "#c4c4c4",
+    "elevation_3": "#c4c4c4",
+    "elevation_4": "#c4c4c4",
+    "icons": {
+      "icon_accent": "#2688eb",
+      "icon_accent_themed": "#2688eb",
+      "icon_contrast": "#ffffff",
+      "icon_contrast_secondary": "#f2f3f5",
+      "icon_contrast_themed": "#ffffff",
+      "icon_medium": "#818c99",
+      "icon_medium_alpha": "rgba(0, 0, 0, 0.48)",
+      "icon_negative": "#e64646",
+      "icon_positive": "#4bb34b",
+      "icon_primary": "#2c2d2e",
+      "icon_primary_invariably": "#2c2d2e",
+      "icon_secondary": "#99a2ad",
+      "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)",
+      "icon_tertiary": "#b8c1cc",
+      "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)"
     },
     "other": {
-      "segmented_control": "#626364",
-      "skeleton_to": "#2c2d2e",
-      "search_field_background": "#363738",
-      "track_buffer": "#405772",
-      "track_background": "#454647",
+      "action_sheet_text": "#3f8ae0",
       "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
-      "overlay_primary": "rgba(0, 0, 0, 0.40)",
       "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
-      "action_sheet_text": "#71aaeb",
-      "write_bar_input_background": "#2c2d2e",
-      "panel_header_icon": "#71aaeb",
-      "image_placeholder": "#2a2b2c",
-      "write_bar_input_border": "#2c2d2e",
-      "write_bar_icon": "#76787a",
-      "skeleton_from": "#232324",
-      "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)",
-      "tabbar_text_inactive": "#76787a",
-      "overlay_secondary": "rgba(53, 54, 55, 0.40)"
-    },
-    "elevation_1": "#d9d9d9",
-    "elevation_2": "#d9d9d9",
-    "elevation_4": "#d9d9d9",
-    "elevation_3": "#d9d9d9"
-  },
-  "light": {
-    "stroke": {
-      "stroke_negative": "#e64646",
-      "separator_primary_2x": "#cbcccd",
-      "separator_primary": "#d7d8d9",
-      "separator_secondary": "#e1e3e6",
-      "separator_primary_3x": "#bebfc1",
-      "stroke_accent": "#2688eb",
-      "stroke_accent_themed": "#2688eb",
-      "stroke_positive": "#4bb34b",
-      "stroke_contrast": "#ffffff",
-      "separator_primary_alpha": "rgba(0, 0, 0, 0.12)",
-      "image_border_alpha": "rgba(0, 0, 0, 0.08)",
-      "field_border_alpha": "rgba(0, 0, 0, 0.12)"
-    },
-    "other": {
-      "track_buffer": "#a0bfe4",
-      "skeleton_to": "#e1e3e6",
       "image_placeholder": "#f2f3f5",
-      "write_bar_input_background": "#f2f3f5",
-      "track_background": "#e1e3e6",
-      "write_bar_input_border": "#e1e3e6",
-      "skeleton_from": "#f5f5f5",
-      "action_sheet_text": "#3f8ae0",
-      "write_bar_icon": "#3f8ae0",
+      "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)",
+      "overlay_primary": "rgba(0, 0, 0, 0.40)",
+      "overlay_secondary": "rgba(44, 45, 46, 0.50)",
+      "panel_header_icon": "#2688eb",
       "search_field_background": "#ebedf0",
-      "tabbar_text_inactive": "#99a2ad",
       "segmented_control": "#ffffff",
-      "panel_header_icon": "#2688eb",
-      "overlay_secondary": "rgba(44, 45, 46, 0.50)",
-      "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)",
-      "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
-      "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
-      "overlay_primary": "rgba(0, 0, 0, 0.40)"
+      "skeleton_from": "#f5f5f5",
+      "skeleton_to": "#e1e3e6",
+      "tabbar_text_inactive": "#99a2ad",
+      "track_background": "#e1e3e6",
+      "track_buffer": "#a0bfe4",
+      "write_bar_icon": "#3f8ae0",
+      "write_bar_input_background": "#f2f3f5",
+      "write_bar_input_border": "#e1e3e6"
     },
     "palette": {
-      "accent_orange_fire": "#f05c44",
-      "accent_secondary": "#3f8ae0",
-      "accent_red": "#ff3347",
-      "accent_violet": "#792ec0",
-      "accent_raspberry_pink": "#e03fab",
-      "accent_orange": "#ffa000",
+      "accent_blue": "#2688eb",
       "accent_gray": "#a3adb8",
+      "accent_green": "#4bb34b",
+      "accent_orange": "#ffa000",
+      "accent_orange_fire": "#f05c44",
       "accent_purple": "#735ce6",
-      "accent_blue": "#2688eb",
-      "accent_green": "#4bb34b"
+      "accent_raspberry_pink": "#e03fab",
+      "accent_red": "#ff3347",
+      "accent_secondary": "#3f8ae0",
+      "accent_violet": "#792ec0"
     },
     "states": {
-      "background_accent_themed": {
-        "hover": "#2c7cde",
-        "active": "#1e6fdb"
-      },
       "background_accent": {
-        "hover": "#2c7cde",
-        "active": "#1e6fdb"
+        "active": "#1e6fdb",
+        "hover": "#2c7cde"
       },
-      "background_positive": {
-        "hover": "#3ca03e",
-        "active": "#2f8d32"
+      "background_accent_themed": {
+        "active": "#1e6fdb",
+        "hover": "#2c7cde"
       },
       "background_contrast": {
         "active": "#ebecef",
         "hover": "#f5f5f7"
       },
-      "background_secondary": {
-        "hover": "#f0f2f4",
-        "active": "#dcdde0"
+      "background_contrast_secondary_alpha": {
+        "active": "rgba(255, 255, 255, 0.28)",
+        "hover": "rgba(255, 255, 255, 0.24)"
       },
       "background_negative": {
         "active": "#c93633",
         "hover": "#d83e3c"
       },
-      "background_tertiary": {
-        "hover": "#eff0f1",
-        "active": "#e5e6ea"
-      },
-      "transparent_contrast": {
-        "active": "rgba(255, 255, 255, 0.12)",
-        "hover": "rgba(255, 255, 255, 0.08)"
+      "background_positive": {
+        "active": "#2f8d32",
+        "hover": "#3ca03e"
       },
-      "field_border_alpha": {
-        "hover": "rgba(0, 0, 0, 0.24)",
-        "active": "rgba(0, 0, 0, 0.36)"
+      "background_secondary": {
+        "active": "#dcdde0",
+        "hover": "#f0f2f4"
       },
       "background_secondary_alpha": {
         "active": "rgba(0, 0, 0, 0.12)",
         "hover": "rgba(0, 0, 0, 0.08)"
       },
-      "transparent": {
-        "active": "rgba(0, 16, 61, 0.08)",
-        "hover": "rgba(0, 16, 61, 0.04)"
-      },
-      "background_contrast_secondary_alpha": {
-        "hover": "rgba(255, 255, 255, 0.24)",
-        "active": "rgba(255, 255, 255, 0.28)"
+      "background_tertiary": {
+        "active": "#e5e6ea",
+        "hover": "#eff0f1"
       },
       "background_tertiary_alpha": {
         "active": "rgba(0, 0, 0, 0.11)",
         "hover": "rgba(0, 0, 0, 0.07)"
+      },
+      "field_border_alpha": {
+        "active": "rgba(0, 0, 0, 0.36)",
+        "hover": "rgba(0, 0, 0, 0.24)"
+      },
+      "transparent": {
+        "active": "rgba(0, 16, 61, 0.08)",
+        "hover": "rgba(0, 16, 61, 0.04)"
+      },
+      "transparent_contrast": {
+        "active": "rgba(255, 255, 255, 0.12)",
+        "hover": "rgba(255, 255, 255, 0.08)"
       }
     },
-    "elevation_3": "#c4c4c4",
-    "elevation_1": "#c4c4c4",
-    "elevation_2": "#c4c4c4",
-    "elevation_4": "#c4c4c4",
-    "icons": {
-      "icon_tertiary": "#b8c1cc",
-      "icon_accent_themed": "#2688eb",
-      "icon_positive": "#4bb34b",
-      "icon_accent": "#2688eb",
-      "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)",
-      "icon_secondary": "#99a2ad",
-      "icon_contrast_themed": "#ffffff",
-      "icon_primary": "#2c2d2e",
-      "icon_primary_invariably": "#2c2d2e",
-      "icon_negative": "#e64646",
-      "icon_medium": "#818c99",
-      "icon_contrast": "#ffffff",
-      "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)",
-      "icon_contrast_secondary": "#f2f3f5",
-      "icon_medium_alpha": "rgba(0, 0, 0, 0.48)"
+    "stroke": {
+      "field_border_alpha": "rgba(0, 0, 0, 0.12)",
+      "image_border_alpha": "rgba(0, 0, 0, 0.08)",
+      "separator_primary": "#d7d8d9",
+      "separator_primary_2x": "#cbcccd",
+      "separator_primary_3x": "#bebfc1",
+      "separator_primary_alpha": "rgba(0, 0, 0, 0.12)",
+      "separator_secondary": "#e1e3e6",
+      "stroke_accent": "#2688eb",
+      "stroke_accent_themed": "#2688eb",
+      "stroke_contrast": "#ffffff",
+      "stroke_negative": "#e64646",
+      "stroke_positive": "#4bb34b"
     },
     "text": {
-      "text_link_visited": "#4986cc",
-      "text_positive": "#4bb34b",
-      "text_subhead": "#6d7885",
-      "text_primary": "#000000",
-      "text_link_tint": "#71aaeb",
-      "text_accent": "#2688eb",
-      "text_negative": "#e64646",
       "link_contrast": "#ffffff",
-      "text_link": "#2d81e0",
-      "text_secondary": "#818c99",
+      "text_accent": "#2688eb",
       "text_accent_themed": "#2688eb",
       "text_contrast": "#ffffff",
-      "text_tertiary": "#99a2ad",
       "text_contrast_themed": "#ffffff",
-      "text_primary_invariably": "#000000",
+      "text_link": "#2d81e0",
       "text_link_themed": "#2d81e0",
-      "text_muted": "#2c2d2e"
-    },
-    "background": {
-      "background_accent_tint": "#5a9eff",
-      "header_background": "#ffffff",
-      "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
-      "background_tertiary": "#f9f9f9",
-      "background_negative_tint": "#faebeb",
-      "background_secondary_alpha": "rgba(0, 0, 0, 0.04)",
-      "background_contrast_themed": "#ffffff",
-      "background_negative": "#e64646",
-      "background_positive_tint": "#e8f9e8",
-      "background_warning": "#fff2d6",
-      "background_accent": "#2688eb",
-      "background_contrast": "#ffffff",
-      "background_secondary": "#f5f5f5",
-      "background": "#ebedf0",
-      "background_modal": "#ffffff",
-      "background_positive": "#4bb34b",
-      "background_accent_themed": "#2688eb",
-      "background_contrast_inverse": "#2c2d2e",
-      "background_modal_inverse": "#2d2d2e",
-      "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)",
-      "background_content": "#ffffff",
-      "field_background": "#f2f3f5"
+      "text_link_tint": "#71aaeb",
+      "text_link_visited": "#4986cc",
+      "text_muted": "#2c2d2e",
+      "text_negative": "#e64646",
+      "text_positive": "#4bb34b",
+      "text_primary": "#000000",
+      "text_primary_invariably": "#000000",
+      "text_secondary": "#818c99",
+      "text_subhead": "#6d7885",
+      "text_tertiary": "#99a2ad"
     }
   }
-}
+}

package/themeDescriptions/base/paradigm.js

@@ -34,6 +34,7 @@ exports.lightColors = {
         // Background
         colorBackgroundAccent: '#005FF9',
         colorBackgroundAccentThemed: '#005FF9',
+        colorBackgroundAccentThemedAlpha: 'rgba(0, 95, 249, 0.2)',
         colorBackgroundAccentAlternative: '#FF9E00',
         colorBackgroundContent: '#FFFFFF',
         colorBackgroundSecondary: '#F0F1F3',
@@ -142,7 +143,7 @@ exports.lightColors = {
         colorSkeletonTo: '#E0E1E6',
         colorAvatarOverlay: 'rgba(145, 147, 153, 0.48)',
         colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)',
-        colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)',
+        colorOverlayPrimary: 'rgba(0, 0, 0, 0.4)',
         colorOverlaySecondary: 'rgba(44, 45, 46, 0.5)',
         colorSegmentedControl: '#FFFFFF',
         colorTabbarTextInactive: '#99A2AD',
@@ -158,11 +159,12 @@ exports.darkColors = {
         // Background
         colorBackgroundAccent: '#2775FC',
         colorBackgroundAccentThemed: '#FFFFFF',
+        colorBackgroundAccentThemedAlpha: 'rgba(0, 0, 0, 0.12)',
         colorBackgroundAccentAlternative: '#FF9E00',
         colorBackgroundContent: colorBackgroundContentDark,
         colorBackgroundSecondary: '#2A2A2B',
         colorBackgroundSecondaryAlpha: {
-            normal: 'rgba(255, 255, 255, 0.08)',
+            normal: 'rgba(255, 255, 255, 0.12)',
             hover: 'rgba(255, 255, 255, 0.16)',
             active: 'rgba(255, 255, 255, 0.2)',
         },
@@ -266,7 +268,7 @@ exports.darkColors = {
         colorSkeletonTo: '#3E3F40',
         colorAvatarOverlay: 'rgba(176, 178, 182, 0.48)',
         colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)',
-        colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)',
+        colorOverlayPrimary: 'rgba(0, 0, 0, 0.72)',
         colorOverlaySecondary: 'rgba(55, 56, 57, 0.5)',
         colorSegmentedControl: '#626364',
         colorTabbarTextInactive: '#76787A',

package/themeDescriptions/base/vk.js

@@ -37,6 +37,7 @@ var colorFromFigma = function (colorsScheme) {
             // Background
             colorBackgroundAccent: background.background_accent,
             colorBackgroundAccentThemed: background.background_accent_themed,
+            colorBackgroundAccentThemedAlpha: background.background_accent_themed_alpha,
             colorBackgroundAccentTint: background.background_accent_tint,
             colorBackgroundAccentAlternative: {
                 light: '#2688EB',