Color 色彩

Color 概述

hui 默认使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致。

Color 示例

主色

hui 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。

Primary

#0275d8

Light Primary

#43a7fd

Dark Primary

#025aa5

辅助色

辅助色是具有代表性的颜色，常用于信息提示，比如成功、警告和失败。

Info

#5bc0de

Success

#5cb85c

Warning

#f0ad4e

Error

#d9534f

中性色

中性色常用于文本、背景、边框、阴影等，可以体现出页面的层次结构。

标题 Title

#1c2438

正文 Content

#495060

辅助/图标 Sub Color

#80848f

失效 Disabled

#bbbec4

边框 Border

#dddee1

分割线 Divider

#e9eaec

背景 Background

#f8f8f9

统一 UED 样式规范 color 色彩

主色

统一 UED 样式规范将使用蓝色作为主色调。

主色调

#037df3

按钮Hover

#3597f5

按钮Pressed

#0270da

文字背景Hover

#f3f9ff

文字背景Pressed

#d9ebfd

字体颜色

统一 UED 样式规范设计常规文字颜色，文字链接颜色，提示信息等字体颜色。

重点

#000000

常规阅读

#333333

辅助

#666666

输入提示

#999999

文字链接 Normal

#037df3

文字链接 Hover

#3597f5

文字链接 Pressed

#0270da

辅助色

辅助色是具有代表性的颜色，常用于信息提示，比如成功、警告和失败。

info

#029afd

Error

#f14c5d

Success

#1cb77b

Warning

#f2b044

其他颜色

表格，输入框等组件的 border 颜色。

边框/线

#dddddd

辅助边框线

#eeeeee

表头/输入项背景

#f7f7f7

辅助：表格斑马线

#f9f9f9

提示信息背景颜色

信息提示，比如成功、警告和失败组件的背景色。

信息

#e6f5fe

成功

#e9faf3

危险

#fff8ed

错误

#fdedef