-
Notifications
You must be signed in to change notification settings - Fork 0
/
_kaizen-ui-colors.scss
139 lines (108 loc) · 3.95 KB
/
_kaizen-ui-colors.scss
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
// Kaizen Platform UI Colors
// --------------------------------------------------
$color-lava--lighter: #febebe;
$color-lava--light: #fe9392;
$color-lava: #fe7877;
$color-lava--dark: #e37c92;
$color-lava--darker: #bf6e6e;
$color-tangerine--light: #fda87e;
$color-tangerine: #fd925e;
$color-tangerine--dark: #dd8d7e;
$color-pumpkin--light: #fdc133;
$color-pumpkin: #fcb100;
$color-pumpkin--dark: #ca9632;
$color-lemon--light: #f9d94d;
$color-lemon: #f7d021;
$color-lemon--dark: #ccb44c;
$color-choco--light: #c5a98d;
$color-choco: #b79470;
$color-choco--dark: #896f54;
$color-lettuce--light: #b2f561;
$color-lettuce: #9ff23a;
$color-lettuce--dark: #8bd35f;
$color-veggie--light: #57d68d;
$color-veggie: #2dcc70;
$color-veggie--dark: #2db182;
$color-eco--light: #88e14e;
$color-eco: #6ad922;
$color-eco--dark: #5cba47;
$color-mint--lighter: #b8edbb;
$color-mint--light: #a0e7a5;
$color-mint: #88e18e;
$color-mint--dark: #88d29f;
$color-mint--darker: #88c3af;
$color-aqua--light: #77e0da;
$color-aqua: #55d8d1;
$color-aqua--dark: #40a29d;
$color-ice--light: #36ebf9;
$color-ice: #04e6f7;
$color-ice--dark: #03adb9;
$color-aquamarine--light: #8dffe1;
$color-aquamarine: #70ffd9;
$color-aquamarine--dark : #54bfa3;
$color-water--light: #d5f3ff;
$color-water: #99e1ff;
$color-water--dark: #99d6ff;
$color-sky--light: #77d7ff;
$color-sky: #55cdff;
$color-sky--dark: #5bf;
$color-denim--lighter: #9fcbff;
$color-denim--light: #7fbaff;
$color-denim: #5fa9ff;
$color-denim--dark: #477fbf;
$color-denim--darker: #305580;
$color-eggplant--light: #ceb1ff;
$color-eggplant: #c29eff;
$color-eggplant--dark : #9277bf;
$color-pink--light: #fca0ff;
$color-pink: #fb88ff;
$color-pink--dark: #e48cff;
$color-peach--light: #fdb8c5;
$color-peach: #fc889f;
$color-peach--dark: #e58cb2;
$color-lychee--light: #fda0b2;
$color-lychee: #fb6a87;
$color-lychee--dark: #de6f9e;
$color-raven--light: #616774;
$color-raven: #394151;
$color-raven--dark: #2b313d;
$color-slate--lighter: #949aa7;
$color-slate--light: #707889;
$color-slate: #4c566c;
$color-slate--dark: #394151;
$color-slate--darker: #262b36;
$color-charcoal--light: #8d93a1;
$color-charcoal: #707889;
$color-charcoal--dark: #545a67;
$color-metal--lighter: #b4bed5;
$color-metal--light: #9ba9c7;
$color-metal: #8293b9;
$color-metal--dark: #626e8b;
$color-metal--darker: #414a5d;
$color-ash--light: #c3cbdd;
$color-ash: #b4bed5;
$color-ash--dark: #878fa0;
$color-lithium--light: #e2e6ef;
$color-lithium: #dbe0eb;
$color-lithium--dark: #bbbee1;
$color-mochi--lighter: #f9fafd;
$color-mochi--light: #f7f9fd;
$color-mochi: #f2f6fa;
$color-mochi--dark: #ebedef;
$color-mochi--darker: #e1e3ef;
// aliases
$color-link: $color-denim !default;
$color-text: $color-slate !default;
$color-disabled-text: $color-ash !default;
$color-muted: $color-ash !default;
$color-border: $color-mochi--dark !default;
// array of color names
$color-names:
lava, tangerine, pumpkin, lemon, choco, lettuce, veggie, eco, mint, 'aqua', ice, 'aquamarine', water, sky, denim,
eggplant, 'pink', peach, lychee, raven, slate, charcoal, metal, ash, lithium, mochi;
// gray palette
$gray-color-names: slate--dark, slate, slate--light, metal, ash, lithium;
// primary palette
$primary-color-names: mochi, mint, slate, denim, lava, eggplant--light;
// secondary palette
$secondary-color-names: lychee, pumpkin, lemon, veggie, lettuce, choco, 'aqua', ice, sky, 'pink', peach;