主题色的配置完成

ann0707

2018-08-16 c9bc8ec61cff4076132f6396d99d383a2cdf5a03

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/**
 * Created by c.y on 2018-3-17
 * 文件说明: 全局颜色变量
 */
 
 
 
/* Colors
-------------------------- */
@color-white: #fff;
@color-black: #000;
@color-white-light: rgba(255, 255, 255, 0.8);
@color-primary: #8166f8; // 主题色
@color-primary-light: #80c2fa; // 主题色的浅色
@color-disabled: #ddd; // 禁用颜色
/* Text Colors
-------------------------- */
@color-text-primary: #333; // 主要文字颜色
@color-text-secondary: #666; // 第二主要颜色
@color-text-third: #999; // 次要颜色
@color-text-placeholder-red: #ff4d53; // 辅助/图标 Sub Color
@color-text-placeholder-turmeric: #ffa21f; // 辅助/图标 Sub Color
@color-text-placeholder-yellow: #fff000; // 辅助/图标 Sub Color
 
/* line Colors
-------------------------- */
@color-divider-regular: #ddd; // 分割线 Divider
@color-border-pic: #cce9fc; // 图片的边框
 
/* Background Colors
-------------------------- */
@color-background-default: #f1f1f1;
@color-background-yellow: #fff55a;
 
/* Icon gradient Colors
-------------------------- */
@color-gradient-darkBlue-left: #80c2fa;
@color-gradient-darkBlue-right: #8166f8;
 
@color-gradient-red-left: #ff8657;
@color-gradient-red-right: #ff4d53;
 
@color-gradient-lightBlue-left: #4adfff;
@color-gradient-lightBlue-right: #21bddf;
 
@color-gradient-yellow-left: #ffbb3f;
@color-gradient-yellow-right: #ffa21f;