登录
| 颜色名称 Color_name | 浅色模式/色值 | 颜色预览 | 深色模式/色值 | 颜色预览 | 使用场景说明 |
|---|---|---|---|---|---|
| white | #FFFFFF | #FAFCFF 90% | 深色背景上的白色内容，深色模式下还是白色 | ||
| white_a70 | #FFFFFF 70% | #FAFCFF 70% | 70%的白色 | ||
| black | #000000 | #FAFCFF 90% | 常规的黑色 | ||
| black_a7 | #000000 7% | #4D4D4D 35% | 分割线；点击态叠加的颜色 | ||
| gray_80 | #CCCCCC | #747678 50% | 不重要的信息，如列表的时间 | ||
| gray_60 | #999999 | #C3C5C7 50% | 不重要的信息，如列表的时间 | ||
| gray_blue_82 | #C0C7D1 | #747678 50% | 输入框占位符文字 | ||
| gray_blue_button | #000B1A 5% | #EBF3FF 16% | 灰色按钮 | ||
| blue_btn | #267EF0 | #338CFF | icon、蓝色按钮、文字链、文字按钮等 | ||
| blue_link_on_bubble | #267EF0 | #80B7FF | 气泡上的链接颜色 | ||
| red_highlight | #FF3C32 | #FF4C42 | 红色文字操作 | ||
| blue | #3D8BF2 | #4992F3 | 标准蓝色 | ||
| green | #26BF4C | #2DC252 | 标准绿色 | ||
| orange | #FA8F25 | #FC942D | 标准橙色 | ||
| red | #FF6963 | #FF736E | 标准红色 | ||
| green_wechat | #15B628 | #1BB52D | 微信相关功能标准色 | ||
| orange_external | #FF8214 | #FF881F | 多用在展示企业时使用， @企业名称 | ||
| red_notification | #FF4650 90% | #FF5962 90% | 通知、红点 | ||
| white_bg_1 | #FFFFFF | #19191A | 一级背景色，cell、卡片、弹窗、sheet、搜索框背景等非最底层元素的白色背景颜色 | ||
| white_bg_2 | #FFFFFF | #272829 | 二级背景色，加号面板、分享Sheet、Actionsheet的按钮白色背景 | ||
| white_bg | #FFFFFF | #000000 | 底层/零级背景，白色作为底层背景时使用 | ||
| gray_blue_94 | #EBEDF0 | #48494A 50% | 页面背景 | ||
| gray_blue_97_bg | #F5F6F7 | #000000 | 灰色导航、搜索背景、灰色底 | ||
| gray_blue_97_bg_1 | #F5F6F7 | #19191A | 灰色一级背景 | ||
| gray_blue_97_bg_2 | #F5F6F7 | #272829 | 灰色二级背景 | ||
| blue_bubble_bg | #C9E7FF | #093159 | 蓝色气泡背景 | ||
| white_bubble_bg | #FFFFFF | #222324 | 气泡、加号面板操作的背景 | ||
| blue_nav_bg | #3975C6 | #000000 | 蓝导航栏背景 | ||
| gray_blue_94_bg | #EBEDF0 | #000000 | 聊天页面背景 |
基础
连接微信
办公基础连接微信办公基础连接微信办公