颜色规范

以京东移动端设计规范中的颜色为准,分别定义了几种颜色值。

标准如下:

颜色表定义

常用颜色表,修改不同的颜色值,可以达到更换皮肤的效果。

@color1:#e4393c;    //点睛色,按钮着色,icon着色,特殊强调的文字
@color2:#222;       //重要颜色,导航名称,板块标题,类目名称
@color3:#666;       //普通段落信息,引导词
@color4:#999;       //辅助,次要文字,按钮描边,按钮灰色背景,默认blockquote颜色
@color5:#d7d7d7;    //分割线,标签描边
@color6:#f3f5f7;    //区域底色1
@color7:#f8f8f8;    //区域底色2
@color8:#fff;       //白色

@color-primary:#1ab394;
@color-success:#1c84c6;
@color-info:#23c6c8;
@color-warning:#f8ac59;
@color-danger:#ed5565;