@vkontakte/vkui-tokens 4.35.2-dev-cfbf64.0 → 4.37.0

package/themes/vkontakteAndroid/index.js

@@ -186,6 +186,9 @@ var theme = {
     "sizeBorderRadius": {
         "regular": 8
     },
+    "sizeBorderRadiusRounded": {
+        "regular": 48
+    },
     "sizeCheckBorderRadius": {
         "regular": 4
     },
@@ -225,7 +228,7 @@ var theme = {
         "regular": 40
     },
     "sizePopupSmall": {
-        "regular": 420
+        "regular": 430
     },
     "sizePopupMedium": {
         "regular": 680
@@ -433,12 +436,12 @@ var theme = {
     },
     "colorsScheme": "light",
     "colorBackgroundAccent": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorBackgroundAccentThemed": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
@@ -453,17 +456,17 @@ var theme = {
         "active": "#237EDD"
     },
     "colorBackground": {
-        "normal": "#EBEDF0",
+        "normal": "#ebedf0",
         "hover": "#E2E4E9",
         "active": "#D8DBE2"
     },
     "colorBackgroundContent": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorBackgroundSecondary": {
-        "normal": "#F5F5F5",
+        "normal": "#f5f5f5",
         "hover": "#EBECEE",
         "active": "#E1E3E6"
     },
@@ -473,7 +476,7 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.12)"
     },
     "colorBackgroundTertiary": {
-        "normal": "#F9F9F9",
+        "normal": "#f9f9f9",
         "hover": "#EFF0F1",
         "active": "#E5E6EA"
     },
@@ -483,22 +486,22 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.11)"
     },
     "colorBackgroundContrast": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorBackgroundContrastSecondaryAlpha": {
-        "normal": "rgba(255, 255, 255, 0.2)",
+        "normal": "rgba(255, 255, 255, 0.20)",
         "hover": "rgba(255, 255, 255, 0.24)",
         "active": "rgba(255, 255, 255, 0.28)"
     },
     "colorBackgroundContrastInverse": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#2A2C2F",
         "active": "#282B2F"
     },
     "colorBackgroundModal": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
@@ -508,27 +511,27 @@ var theme = {
         "active": "#292B2F"
     },
     "colorBackgroundWarning": {
-        "normal": "#FFF2D6",
+        "normal": "#fff2d6",
         "hover": "#F5E9D0",
         "active": "#EBE0CA"
     },
     "colorBackgroundPositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#48AC4A",
         "active": "#45A64A"
     },
     "colorBackgroundNegative": {
-        "normal": "#E64646",
+        "normal": "#e64646",
         "hover": "#DD4446",
         "active": "#D44245"
     },
     "colorBackgroundNegativeTint": {
-        "normal": "#FAEBEB",
+        "normal": "#faebeb",
         "hover": "#F0E2E4",
         "active": "#E6D9DD"
     },
     "colorBackgroundPositiveTint": {
-        "normal": "#E8f9e8",
+        "normal": "#e8f9e8",
         "hover": "#DFF0E1",
         "active": "#D5E6DA"
     },
@@ -538,17 +541,17 @@ var theme = {
         "active": "#DFE1E6"
     },
     "colorHeaderBackground": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorTextAccent": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorTextAccentThemed": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
@@ -563,97 +566,97 @@ var theme = {
         "active": "#000105"
     },
     "colorTextSecondary": {
-        "normal": "#818C99",
+        "normal": "#818c99",
         "hover": "#7C8795",
         "active": "#778292"
     },
     "colorTextSubhead": {
-        "normal": "#6D7885",
+        "normal": "#6d7885",
         "hover": "#697482",
         "active": "#64707F"
     },
     "colorTextTertiary": {
-        "normal": "#99A2AD",
+        "normal": "#99a2ad",
         "hover": "#939CA9",
         "active": "#8D96A4"
     },
     "colorTextContrast": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorTextContrastThemed": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorTextPositive": {
-        "normal": "#4BB34B",
-        "hover": "#48AC4A",
-        "active": "#45A64A"
+        "normal": "#4bb44b",
+        "hover": "#48AD4A",
+        "active": "#45A74A"
     },
     "colorTextNegative": {
-        "normal": "#E64646",
+        "normal": "#e64646",
         "hover": "#DD4446",
         "active": "#D44245"
     },
     "colorTextLink": {
-        "normal": "#2D81E0",
+        "normal": "#2d81e0",
         "hover": "#2B7CD9",
         "active": "#2978D3"
     },
     "colorTextLinkThemed": {
-        "normal": "#2D81E0",
+        "normal": "#2d81e0",
         "hover": "#2B7CD9",
         "active": "#2978D3"
     },
     "colorTextLinkTint": {
-        "normal": "#71AAEB",
+        "normal": "#71aaeb",
         "hover": "#6CA4E4",
         "active": "#689EDD"
     },
     "colorTextLinkVisited": {
-        "normal": "#4986CC",
+        "normal": "#4986cc",
         "hover": "#4681C6",
         "active": "#437DC1"
     },
     "colorTextMuted": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#2A2C2F",
         "active": "#282B2F"
     },
     "colorLinkContrast": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorTextButton": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorIconAccent": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorIconAccentThemed": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorIconPrimary": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#2A2C2F",
         "active": "#282B2F"
     },
     "colorIconPrimaryInvariably": {
-        "normal": "#2C2D2E",
+        "normal": "#2c2d2e",
         "hover": "#2A2C2F",
         "active": "#282B2F"
     },
     "colorIconMedium": {
-        "normal": "#818C99",
+        "normal": "#818c99",
         "hover": "#7C8795",
         "active": "#778292"
     },
@@ -663,7 +666,7 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.56)"
     },
     "colorIconSecondary": {
-        "normal": "#99A2AD",
+        "normal": "#99a2ad",
         "hover": "#939CA9",
         "active": "#8D96A4"
     },
@@ -673,7 +676,7 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.44)"
     },
     "colorIconTertiary": {
-        "normal": "#B8C1CC",
+        "normal": "#b8c1cc",
         "hover": "#B1BAC6",
         "active": "#A9B3C1"
     },
@@ -683,47 +686,47 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.32)"
     },
     "colorIconContrast": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorIconContrastThemed": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
     "colorIconContrastSecondary": {
-        "normal": "#F2F3F5",
+        "normal": "#f2f3f5",
         "hover": "#E8EAEE",
         "active": "#DFE1E6"
     },
     "colorIconPositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#48AC4A",
         "active": "#45A64A"
     },
     "colorIconNegative": {
-        "normal": "#E64646",
+        "normal": "#e64646",
         "hover": "#DD4446",
         "active": "#D44245"
     },
     "colorIconButton": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorStrokeAccent": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorStrokeAccentThemed": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorSeparatorPrimary": {
-        "normal": "#D7D8D9",
+        "normal": "#d7d8d9",
         "hover": "#CED0D3",
         "active": "#C6C8CD"
     },
@@ -743,22 +746,22 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.2)"
     },
     "colorSeparatorSecondary": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#D8DBDF",
         "active": "#CFD2D8"
     },
     "colorStrokePositive": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#48AC4A",
         "active": "#45A64A"
     },
     "colorStrokeNegative": {
-        "normal": "#E64646",
+        "normal": "#e64646",
         "hover": "#DD4446",
         "active": "#D44245"
     },
     "colorStrokeContrast": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
@@ -773,67 +776,72 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.36)"
     },
     "colorStrokeButton": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorAccentBlue": {
-        "normal": "#3F8AE0",
+        "normal": "#3f8ae0",
         "hover": "#3C85D9",
         "active": "#3A80D3"
     },
     "colorAccentGray": {
-        "normal": "#A3ADB8",
+        "normal": "#a3adb8",
         "hover": "#9CA7B3",
         "active": "#96A0AE"
     },
     "colorAccentRed": {
-        "normal": "#FF3347",
+        "normal": "#ff3347",
         "hover": "#F53247",
         "active": "#EB3046"
     },
     "colorAccentGreen": {
-        "normal": "#4BB34B",
+        "normal": "#4bb34b",
         "hover": "#48AC4A",
         "active": "#45A64A"
     },
     "colorAccentOrange": {
-        "normal": "#FFA000",
+        "normal": "#ffa000",
         "hover": "#F59A02",
         "active": "#EB9405"
     },
     "colorAccentOrangeFire": {
-        "normal": "#F05C44",
+        "normal": "#f05c44",
         "hover": "#E65944",
         "active": "#DD5643"
     },
     "colorAccentPurple": {
-        "normal": "#735CE6",
+        "normal": "#735ce6",
         "hover": "#6E59DF",
         "active": "#6A56D8"
     },
     "colorAccentViolet": {
-        "normal": "#792EC0",
+        "normal": "#792ec0",
         "hover": "#742DBB",
         "active": "#6F2CB6"
     },
     "colorAccentRaspberryPink": {
-        "normal": "#E03FAB",
+        "normal": "#e03fab",
         "hover": "#D73DA7",
         "active": "#CE3BA2"
     },
     "colorAccentSecondary": {
-        "normal": "#3F8AE0",
+        "normal": "#3f8ae0",
         "hover": "#3C85D9",
         "active": "#3A80D3"
     },
     "colorOverlayPrimary": {
-        "normal": "rgba(0, 0, 0, 0.4)",
+        "normal": "rgba(0, 0, 0, 0.40)",
         "hover": "rgba(0, 0, 0, 0.44)",
         "active": "rgba(0, 0, 0, 0.48)"
     },
+    "colorOverlaySecondary": {
+        "normal": "rgb(44, 45, 46, 0.5)",
+        "hover": "rgba(44, 45, 46, 0.54)",
+        "active": "rgba(44, 45, 46, 0.58)"
+    },
     "colorAvatarOverlay": {
-        "normal": "rgba(0, 0, 0, 0.6)",
+        "normal": "rgba(0, 0, 0, 0.60)",
         "hover": "rgba(0, 0, 0, 0.64)",
         "active": "rgba(0, 0, 0, 0.68)"
     },
@@ -843,12 +851,12 @@ var theme = {
         "active": "rgba(255, 255, 255, 0.93)"
     },
     "colorActionSheetText": {
-        "normal": "#3F8AE0",
+        "normal": "#3f8ae0",
         "hover": "#3C85D9",
         "active": "#3A80D3"
     },
     "colorImagePlaceholder": {
-        "normal": "#F2F3F5",
+        "normal": "#f2f3f5",
         "hover": "#E8EAEE",
         "active": "#DFE1E6"
     },
@@ -858,27 +866,27 @@ var theme = {
         "active": "rgba(0, 28, 61, 0.16)"
     },
     "colorSkeletonFrom": {
-        "normal": "#F5F5F5",
+        "normal": "#f5f5f5",
         "hover": "#EBECEE",
         "active": "#E1E3E6"
     },
     "colorSkeletonTo": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#D8DBDF",
         "active": "#CFD2D8"
     },
     "colorWriteBarIcon": {
-        "normal": "#3F8AE0",
+        "normal": "#3f8ae0",
         "hover": "#3C85D9",
         "active": "#3A80D3"
     },
     "colorWriteBarInputBackground": {
-        "normal": "#F2F3F5",
+        "normal": "#f2f3f5",
         "hover": "#E8EAEE",
         "active": "#DFE1E6"
     },
     "colorWriteBarInputBorder": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#D8DBDF",
         "active": "#CFD2D8"
     },
@@ -888,30 +896,35 @@ var theme = {
         "active": "rgba(0, 0, 0, 0.16)"
     },
     "colorTrackBackground": {
-        "normal": "#E1E3E6",
+        "normal": "#e1e3e6",
         "hover": "#D8DBDF",
         "active": "#CFD2D8"
     },
     "colorTrackBuffer": {
-        "normal": "#A0BFE4",
+        "normal": "#a0bfe4",
         "hover": "#9AB8DD",
         "active": "#93B1D7"
     },
     "colorSearchFieldBackground": {
-        "normal": "#EBEDF0",
+        "normal": "#ebedf0",
         "hover": "#E2E4E9",
         "active": "#D8DBE2"
     },
     "colorPanelHeaderIcon": {
-        "normal": "#2688EB",
+        "normal": "#2688eb",
         "hover": "#2483E4",
         "active": "#237EDD"
     },
     "colorSegmentedControl": {
-        "normal": "#FFFFFF",
+        "normal": "#ffffff",
         "hover": "#F5F5F7",
         "active": "#EBECEF"
     },
+    "colorTabbarTextInactive": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
     "colorTransparent": {
         "normal": "transparent",
         "hover": "rgba(0, 16, 61, 0.04)",
@@ -922,6 +935,11 @@ var theme = {
         "hover": "rgba(0, 0, 0, 0.19)",
         "active": "rgba(0, 0, 0, 0.23)"
     },
+    "vkontakteColorSnippetBackground": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
     "vkontakteColorModalCardBorderAlpha": {
         "normal": "rgba(0, 0, 0, 0)",
         "hover": "rgba(0, 0, 0, 0.04)",
@@ -942,6 +960,236 @@ var theme = {
         "hover": "#D8DBDF",
         "active": "#CFD2D8"
     },
+    "vkontakteColorSearchBarBackground": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteColorSearchBarFieldTint": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteBackgroundHoverAlpha": {
+        "normal": "rgba(0, 0, 0, 0.04)",
+        "hover": "rgba(0, 0, 0, 0.08)",
+        "active": "rgba(0, 0, 0, 0.12)"
+    },
+    "vkontakteColorAccentAlternate": {
+        "normal": "#0077ff",
+        "hover": "#0073F7",
+        "active": "#006FEF"
+    },
+    "vkontakteColorBackgroundSuggestions": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteColorBackgroundKeyboard": {
+        "normal": "#e1e3e6",
+        "hover": "#D8DBDF",
+        "active": "#CFD2D8"
+    },
+    "vkontakteColorContentPlaceholderIcon": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorContentTintForeground": {
+        "normal": "#7f8285",
+        "hover": "#7A7D82",
+        "active": "#75797F"
+    },
+    "vkontakteColorTextName": {
+        "normal": "#2d81e0",
+        "hover": "#2B7CD9",
+        "active": "#2978D3"
+    },
+    "vkontakteColorControlBackground": {
+        "normal": "#ebedf0",
+        "hover": "#E2E4E9",
+        "active": "#D8DBE2"
+    },
+    "vkontakteColorControlForeground": {
+        "normal": "#5181b8",
+        "hover": "#4E7CB3",
+        "active": "#4B78AE"
+    },
+    "vkontakteColorControlTintMuted": {
+        "normal": "#76787a",
+        "hover": "#717478",
+        "active": "#6D7075"
+    },
+    "vkontakteColorHeaderSearchFieldBackground": {
+        "normal": "#ebedf0",
+        "hover": "#E2E4E9",
+        "active": "#D8DBE2"
+    },
+    "vkontakteColorHeaderSearchFieldTint": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteColorHeaderTabActiveIndicator": {
+        "normal": "#2688eb",
+        "hover": "#2483E4",
+        "active": "#237EDD"
+    },
+    "vkontakteColorIconOutlineMedium": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteColorIconOutlineSecondary": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorSkeletonShimmerFrom": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteColorAlphaSkeletonShimmerTo": {
+        "normal": "transparent",
+        "hover": "rgba(0, 16, 61, 0.04)",
+        "active": "rgba(0, 16, 61, 0.08)"
+    },
+    "vkontakteColorLoaderBackground": {
+        "normal": "#ebedf0",
+        "hover": "#E2E4E9",
+        "active": "#D8DBE2"
+    },
+    "vkontakteColorLoaderTint": {
+        "normal": "#76787a",
+        "hover": "#717478",
+        "active": "#6D7075"
+    },
+    "vkontakteColorMusicPlaybackIcon": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteColorStatusBackground": {
+        "normal": "#ebedf0",
+        "hover": "#E2E4E9",
+        "active": "#D8DBE2"
+    },
+    "vkontakteColorPlaceholderIconForegroundPrimary": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorPlaceholderIconForegroundSecondary": {
+        "normal": "#aeb7c2",
+        "hover": "#A7B0BD",
+        "active": "#A0AAB7"
+    },
+    "vkontakteColorPlaceholderIconTint": {
+        "normal": "#001c3d",
+        "hover": "#001C3D",
+        "active": "#001B3D"
+    },
+    "vkontakteColorPollOptionBackground": {
+        "normal": "#45678f",
+        "hover": "#42648C",
+        "active": "#3F6088"
+    },
+    "vkontakteColorTabbarActiveIcon": {
+        "normal": "#2975cc",
+        "hover": "#2771C6",
+        "active": "#266DC1"
+    },
+    "vkontakteColorTabbarBackground": {
+        "normal": "#f9f9f9",
+        "hover": "#EFF0F1",
+        "active": "#E5E6EA"
+    },
+    "vkontakteColorTabbarInactiveIcon": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorTabbarTabletTextSecondary": {
+        "normal": "#909499",
+        "hover": "#8A8F95",
+        "active": "#848992"
+    },
+    "vkontakteColorToolbarAttachBackgroundFrom": {
+        "normal": "#b8c1cc",
+        "hover": "#B1BAC6",
+        "active": "#A9B3C1"
+    },
+    "vkontakteColorSplashScreenIcon": {
+        "normal": "#e1e3e6",
+        "hover": "#D8DBDF",
+        "active": "#CFD2D8"
+    },
+    "vkontakteColorIconName": {
+        "normal": "#74a2d6",
+        "hover": "#6F9CD0",
+        "active": "#6B96CA"
+    },
+    "vkontakteColorPanelTabActiveText": {
+        "normal": "#76787a",
+        "hover": "#717478",
+        "active": "#6D7075"
+    },
+    "vkontakteColorBackgroundTextAlpha": {
+        "normal": "rgba(38, 136, 235, 0.20)",
+        "hover": "rgba(38, 136, 235, 0.24)",
+        "active": "rgba(38, 136, 235, 0.28)"
+    },
+    "vkontakteColorModalCardHeaderClose": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+        "normal": "rgba(255, 255, 255, 0.60)",
+        "hover": "rgba(255, 255, 255, 0.64)",
+        "active": "rgba(255, 255, 255, 0.68)"
+    },
+    "vkontakteImBubbleButtonForeground": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteImBubbleIncomingHighlighted": {
+        "normal": "#d7d8d9",
+        "hover": "#CED0D3",
+        "active": "#C6C8CD"
+    },
+    "vkontakteImBubbleGiftBackground": {
+        "normal": "#f4e7c3",
+        "hover": "#EADEBE",
+        "active": "#E0D6B8"
+    },
+    "vkontakteImBubbleGiftBackgroundHighlighted": {
+        "normal": "#e3d3ac",
+        "hover": "#DACBA8",
+        "active": "#D1C3A3"
+    },
+    "vkontakteImBubbleOutgoingAlternate": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteImAttachTint": {
+        "normal": "#2d81e0",
+        "hover": "#2B7CD9",
+        "active": "#2978D3"
+    },
+    "vkontakteImReplySeparator": {
+        "normal": "#2d81e0",
+        "hover": "#2B7CD9",
+        "active": "#2978D3"
+    },
+    "vkontakteImToolbarVoiceMsgBackground": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
     "vkontakteColorImForwardLineAlpha": {
         "normal": "rgba(69, 103, 143, 0.24)",
         "hover": "rgba(69, 103, 143, 0.28)",