npm - @vkontakte/vkui-tokens - Versions diffs - 4.35.2-dev-cfbf64.0 → 4.37.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1034) hide show

package/themes/vkontakteAndroid/struct.json CHANGED Viewed

@@ -210,6 +210,9 @@
 		"sizeBorderRadius": {
 			"regular": 8
 		},
+		"sizeBorderRadiusRounded": {
+			"regular": 48
+		},
 		"sizeCheckBorderRadius": {
 			"regular": 4
 		},
@@ -249,7 +252,7 @@
 			"regular": 40
 		},
 		"sizePopupSmall": {
-			"regular": 420
+			"regular": 430
 		},
 		"sizePopupMedium": {
 			"regular": 680
@@ -441,6 +444,11 @@
 			"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)",
@@ -461,6 +469,236 @@
 			"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)",
@@ -532,12 +770,12 @@
 	},
 	"color": {
 		"colorBackgroundAccent": {
-			"normal": "#2688EB",
+			"normal": "#2688eb",
 			"hover": "#2483E4",
 			"active": "#237EDD"
 		},
 		"colorBackgroundAccentThemed": {
-			"normal": "#2688EB",
+			"normal": "#2688eb",
 			"hover": "#2483E4",
 			"active": "#237EDD"
 		},
@@ -552,17 +790,17 @@
 			"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"
 		},
@@ -572,7 +810,7 @@
 			"active": "rgba(0, 0, 0, 0.12)"
 		},
 		"colorBackgroundTertiary": {
-			"normal": "#F9F9F9",
+			"normal": "#f9f9f9",
 			"hover": "#EFF0F1",
 			"active": "#E5E6EA"
 		},
@@ -582,22 +820,22 @@
 			"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"
 		},
@@ -607,27 +845,27 @@
 			"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"
 		},
@@ -637,17 +875,17 @@
 			"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"
 		},
@@ -662,97 +900,97 @@
 			"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"
 		},
@@ -762,7 +1000,7 @@
 			"active": "rgba(0, 0, 0, 0.56)"
 		},
 		"colorIconSecondary": {
-			"normal": "#99A2AD",
+			"normal": "#99a2ad",
 			"hover": "#939CA9",
 			"active": "#8D96A4"
 		},
@@ -772,7 +1010,7 @@
 			"active": "rgba(0, 0, 0, 0.44)"
 		},
 		"colorIconTertiary": {
-			"normal": "#B8C1CC",
+			"normal": "#b8c1cc",
 			"hover": "#B1BAC6",
 			"active": "#A9B3C1"
 		},
@@ -782,47 +1020,47 @@
 			"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"
 		},
@@ -842,22 +1080,22 @@
 			"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"
 		},
@@ -872,67 +1110,72 @@
 			"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)"
 		},
@@ -942,12 +1185,12 @@
 			"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"
 		},
@@ -957,27 +1200,27 @@
 			"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"
 		},
@@ -987,30 +1230,35 @@
 			"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)",