# Color 色彩
换肤主题色
依据医院及科室的特性,提供以下 5 种配色方案,以更好地适应不同场景需求。
- 主色蓝 (默认)
- #2D5AFA
- #5175F4
- #1D39C4
- #EAEEFE
- #C9D6FB
- #41EDFF
- 山梗紫
- #722ED1
- #9E6EE1
- #551AA7
- #F5EDFF
- #F9F5FF
- #E0CCFF
- 芙蓉粉
- #F24F86
- #FF82AC
- #D03469
- #FFE4EF
- #FFEEF5
- #FFDAE8
- 松柏绿
- #1F8970
- #1FA585
- #046A52
- #D5FFF5
- #E3FFF8
- #A9FFE8
- 落栗棕
- #7B4A36
- #92604C
- #5C2E1B
- #FFEBE3
- #FFF5F1
- #FFB599
- 1号色 默认
- 2号色 悬浮
- 3号色 点击
- 4号色 按钮/表头底色
- 5号色 选中底色
- 6号色 顶部导航激活色
辅助色(常量)
除了主色外的场景色,需要在不同的场景中使用(例如: 红色表示危险的操作)。
- 普通
- #2D5AFA
- #5175F4
- #1D39C4
- #ABBDFD
- #99ACEE
- #EAEEFE
- 成功
- #00AB44
- #08C955
- #186C3A
- #99DEB5
- #89D1A8
- #E8F6EE
- 提示
- #FF8C00
- #FFAC48
- #DB5B03
- #FFD199
- #EDC89D
- #FFF0DF
- 错误
- #EC0000
- #FF5555
- #B61E1E
- #F89999
- #F3ABAB
- #FFE7E7
- 默认
- 悬浮
- 点击
- 禁用
- 提醒边框
- 提醒背景
文字、线条、填充(常量)
- 文字
- 强调/正文标题 #000000
- 次要信息 #666666
- 置灰、提示信息 #999999
- 纯白文字 #ffffff
- 线条
- 分割线(大模块) #BABABA
- 文本/开关/禁用 #C9C9C9
- 开关/分割线/禁用 #E9E9E9
- 深色背景的边框 #FFFFFF
- 背景
- 蒙板 #000000 40%
- 背景/禁用 #C9C9C9
- 斑马纹/数字加减背景 #FAFAFA
- 白色 #FFFFFF