企业内部开发
企业内部开发
工具与资源
企业微信应用深色模式色值表
企业微信应用深色模式色值表
最后更新:2021/08/10
颜色名称
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
聊天页面背景
上一篇移动端SDK资源下载
下一篇加解密方案说明
    本节内容
服务端API
基础
连接微信
办公
会议
会议统计管理
客户端API
小程序
基础
连接微信
办公
WECOM-JSSDK
JS-SDK
基础
连接微信
办公
更新日志
联系我们