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

package/themes/vkontakteComDark/docs.json

@@ -520,6 +520,18 @@
       }
     ]
   },
+  "colorIconButton": {
+    "tags": [
+      "color",
+      "icon"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет иконок для кнопок"
+      }
+    ]
+  },
   "colorIconContrast": {
     "tags": [
       "color",
@@ -901,6 +913,18 @@
       }
     ]
   },
+  "colorStrokeButton": {
+    "tags": [
+      "color",
+      "stroke"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет обводки для кнопок"
+      }
+    ]
+  },
   "colorStrokeContrast": {
     "tags": [
       "color",
@@ -962,6 +986,17 @@
       }
     ]
   },
+  "colorTextButton": {
+    "tags": [
+      "color"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет текста для кнопок"
+      }
+    ]
+  },
   "colorTextContrast": {
     "tags": [
       "color",
@@ -2494,10 +2529,78 @@
       }
     ]
   },
+  "vkontakteBackgroundHoverAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorAccentAlternate": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorActionSheetSeparatorAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorAlphaSkeletonShimmerTo": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundKeyboard": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundSuggestions": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundTextAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentPlaceholderIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentTintForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlTintMuted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderTabActiveIndicator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineMedium": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineSecondary": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": {
     "tags": [],
     "desc": []
@@ -2546,14 +2649,98 @@
     "tags": [],
     "desc": []
   },
+  "vkontakteColorLoaderBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLoaderTint": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorModalCardBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorModalCardHeaderClose": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorMusicPlaybackIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPanelTabActiveText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundPrimary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPollOptionBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSkeletonShimmerFrom": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSnippetBackground": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorSnippetBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorSplashScreenIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorStatusBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarActiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarInactiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarTabletTextSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTextName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorToolbarAttachBackgroundFrom": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteGradientAquamarineBlue": {
     "tags": [
       "gradient"
@@ -2928,6 +3115,42 @@
       }
     ]
   },
+  "vkontakteImAttachTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackgroundHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleOutgoingAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImReplySeparator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImToolbarVoiceMsgBackground": {
+    "tags": [],
+    "desc": []
+  },
   "zIndexModal": {
     "tags": [
       "z-index"

package/themes/vkontakteComDark/index.css

@@ -303,9 +303,9 @@
 	--vkui--color_text_primary_invariably: #333333;
 	--vkui--color_text_primary_invariably--hover: #3B3B3B;
 	--vkui--color_text_primary_invariably--active: #434343;
-	--vkui--color_text_secondary: #B2B2B2;
-	--vkui--color_text_secondary--hover: #B5B5B5;
-	--vkui--color_text_secondary--active: #B8B8B8;
+	--vkui--color_text_secondary: #828282;
+	--vkui--color_text_secondary--hover: #878787;
+	--vkui--color_text_secondary--active: #8C8C8C;
 	--vkui--color_text_subhead: #939393;
 	--vkui--color_text_subhead--hover: #979797;
 	--vkui--color_text_subhead--active: #9C9C9C;
@@ -342,6 +342,9 @@
 	--vkui--color_link_contrast: #CCCCCC;
 	--vkui--color_link_contrast--hover: #CECECE;
 	--vkui--color_link_contrast--active: #D0D0D0;
+	--vkui--color_text_button: #E1E3E6;
+	--vkui--color_text_button--hover: #E2E4E7;
+	--vkui--color_text_button--active: #E3E5E8;
 	--vkui--color_icon_accent: #71AAEB;
 	--vkui--color_icon_accent--hover: #77ADEC;
 	--vkui--color_icon_accent--active: #7CB1ED;
@@ -387,6 +390,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--vkui--color_icon_button: #E1E3E6;
+	--vkui--color_icon_button--hover: #E2E4E7;
+	--vkui--color_icon_button--active: #E3E5E8;
 	--vkui--color_stroke_accent: #71AAEB;
 	--vkui--color_stroke_accent--hover: #77ADEC;
 	--vkui--color_stroke_accent--active: #7CB1ED;
@@ -423,6 +429,9 @@
 	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_stroke_button: #E1E3E6;
+	--vkui--color_stroke_button--hover: #E2E4E7;
+	--vkui--color_stroke_button--active: #E3E5E8;
 	--vkui--color_accent_blue: #397DCC;
 	--vkui--color_accent_blue--hover: #4182CE;
 	--vkui--color_accent_blue--active: #4987D0;
@@ -510,6 +519,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_color_snippet_background: #272727;
+	--vkui--vkontakte_color_snippet_background--hover: #303030;
+	--vkui--vkontakte_color_snippet_background--active: #383838;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
@@ -522,6 +534,144 @@
 	--vkui--vkontakte_color_input_border: #555555;
 	--vkui--vkontakte_color_input_border--hover: #5C5C5C;
 	--vkui--vkontakte_color_input_border--active: #636363;
+	--vkui--vkontakte_color_search_bar_background: #222222;
+	--vkui--vkontakte_color_search_bar_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_search_bar_background--active: #343434;
+	--vkui--vkontakte_color_search_bar_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.12);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.16);
+	--vkui--vkontakte_color_accent_alternate: #FFFFFF;
+	--vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
+	--vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
+	--vkui--vkontakte_color_background_suggestions: #333333;
+	--vkui--vkontakte_color_background_suggestions--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_suggestions--active: #434343;
+	--vkui--vkontakte_color_background_keyboard: #333333;
+	--vkui--vkontakte_color_background_keyboard--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_keyboard--active: #434343;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #B5B5B5;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #B8B8B8;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #979797;
+	--vkui--vkontakte_color_content_tint_foreground--active: #9C9C9C;
+	--vkui--vkontakte_color_text_name: #e1e3e6;
+	--vkui--vkontakte_color_text_name--hover: #E2E4E7;
+	--vkui--vkontakte_color_text_name--active: #E3E5E8;
+	--vkui--vkontakte_color_control_background: #555555;
+	--vkui--vkontakte_color_control_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_control_background--active: #636363;
+	--vkui--vkontakte_color_control_foreground: #e1e3e6;
+	--vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_color_control_foreground--active: #E3E5E8;
+	--vkui--vkontakte_color_control_tint_muted: #939393;
+	--vkui--vkontakte_color_control_tint_muted--hover: #979797;
+	--vkui--vkontakte_color_control_tint_muted--active: #9C9C9C;
+	--vkui--vkontakte_color_header_search_field_background: #424242;
+	--vkui--vkontakte_color_header_search_field_background--hover: #4A4A4A;
+	--vkui--vkontakte_color_header_search_field_background--active: #515151;
+	--vkui--vkontakte_color_header_search_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_header_search_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #4182CE;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #4987D0;
+	--vkui--vkontakte_color_icon_outline_medium: #b2b2b2;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_outline_medium--active: #B8B8B8;
+	--vkui--vkontakte_color_icon_outline_secondary: #939393;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #979797;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #9C9C9C;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #222222;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #2B2B2B;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #343434;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_color_loader_background: #555555;
+	--vkui--vkontakte_color_loader_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_loader_background--active: #636363;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #878787;
+	--vkui--vkontakte_color_loader_tint--active: #8C8C8C;
+	--vkui--vkontakte_color_music_playback_icon: #FFFFFF;
+	--vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_status_background: #222222;
+	--vkui--vkontakte_color_status_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_status_background--active: #343434;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #939393;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #979797;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #9C9C9C;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #656565;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #6B6B6B;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #717171;
+	--vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
+	--vkui--vkontakte_color_poll_option_background: #FFFFFF;
+	--vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
+	--vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_background: #333333;
+	--vkui--vkontakte_color_tabbar_background--hover: #3B3B3B;
+	--vkui--vkontakte_color_tabbar_background--active: #434343;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #828282;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #878787;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8C8C8C;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #828282;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #878787;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #8C8C8C;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #828282;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #878787;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #8C8C8C;
+	--vkui--vkontakte_color_splash_screen_icon: #333333;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #3B3B3B;
+	--vkui--vkontakte_color_splash_screen_icon--active: #434343;
+	--vkui--vkontakte_color_icon_name: #b2b2b2;
+	--vkui--vkontakte_color_icon_name--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_name--active: #B8B8B8;
+	--vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
+	--vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.28);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.32);
+	--vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #656565;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #6B6B6B;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #717171;
+	--vkui--vkontakte_im_bubble_gift_background: #857250;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
+	--vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #555555;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #5C5C5C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #636363;
+	--vkui--vkontakte_im_attach_tint: #FFFFFF;
+	--vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
+	--vkui--vkontakte_im_attach_tint--active: #D7D8DB;
+	--vkui--vkontakte_im_reply_separator: #FFFFFF;
+	--vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
+	--vkui--vkontakte_im_reply_separator--active: #D7D8DB;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #555555;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #5C5C5C;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #636363;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);