color_swatch_collection 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +35 -1
- data/lib/color_swatch_collection/configuration.rb +33 -0
- data/lib/color_swatch_collection/tailwind/tailwind_v1.rb +112 -112
- data/lib/color_swatch_collection/tailwind/tailwind_v2.rb +97 -97
- data/lib/color_swatch_collection/tailwind/tailwind_v3.rb +273 -273
- data/lib/color_swatch_collection/tailwind/tailwind_v4.rb +275 -275
- data/lib/color_swatch_collection/version.rb +1 -1
- data/lib/color_swatch_collection.rb +26 -15
- metadata +4 -3
|
@@ -1,275 +1,275 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
# converted from the OKLCh values that Tailwind uses for the colours, using ColorConverters which has been reliable for these types of conversions
|
|
4
|
-
|
|
5
|
-
module ColorSwatchCollection
|
|
6
|
-
class TailwindV4
|
|
7
|
-
def self.colours
|
|
8
|
-
[
|
|
9
|
-
{ name: 'red-50', hex: '#FEF2F2' },
|
|
10
|
-
{ name: 'red-100', hex: '#FEE1E1' },
|
|
11
|
-
{ name: 'red-200', hex: '#FFC9C9' },
|
|
12
|
-
{ name: 'red-300', hex: '#FFA1A2' },
|
|
13
|
-
{ name: 'red-400', hex: '#FF6366' },
|
|
14
|
-
{ name: 'red-500', hex: '#FA2B36' },
|
|
15
|
-
{ name: 'red-600', hex: '#E7000A' },
|
|
16
|
-
{ name: 'red-700', hex: '#C10007' },
|
|
17
|
-
{ name: 'red-800', hex: '#9E0711' },
|
|
18
|
-
{ name: 'red-900', hex: '#811719' },
|
|
19
|
-
{ name: 'red-950', hex: '#460808' },
|
|
20
|
-
|
|
21
|
-
{ name: 'orange-50', hex: '#FFF7EC' },
|
|
22
|
-
{ name: 'orange-100', hex: '#FFECD4' },
|
|
23
|
-
{ name: 'orange-200', hex: '#FFD6A7' },
|
|
24
|
-
{ name: 'orange-300', hex: '#FFB869' },
|
|
25
|
-
{ name: 'orange-400', hex: '#FF8803' },
|
|
26
|
-
{ name: 'orange-500', hex: '#FF6800' },
|
|
27
|
-
{ name: 'orange-600', hex: '#F44900' },
|
|
28
|
-
{ name: 'orange-700', hex: '#C93400' },
|
|
29
|
-
{ name: 'orange-800', hex: '#9F2D00' },
|
|
30
|
-
{ name: 'orange-900', hex: '#7E2A0B' },
|
|
31
|
-
{ name: 'orange-950', hex: '#431205' },
|
|
32
|
-
|
|
33
|
-
{ name: 'amber-50', hex: '#FFFBEA' },
|
|
34
|
-
{ name: 'amber-100', hex: '#FEF3C6' },
|
|
35
|
-
{ name: 'amber-200', hex: '#FDE585' },
|
|
36
|
-
{ name: 'amber-300', hex: '#FFD22F' },
|
|
37
|
-
{ name: 'amber-400', hex: '#FFB900' },
|
|
38
|
-
{ name: 'amber-500', hex: '#FD9900' },
|
|
39
|
-
{ name: 'amber-600', hex: '#E17100' },
|
|
40
|
-
{ name: 'amber-700', hex: '#BA4C00' },
|
|
41
|
-
{ name: 'amber-800', hex: '#963B00' },
|
|
42
|
-
{ name: 'amber-900', hex: '#7A3206' },
|
|
43
|
-
{ name: 'amber-950', hex: '#451901' },
|
|
44
|
-
|
|
45
|
-
{ name: 'yellow-50', hex: '#FDFBE8' },
|
|
46
|
-
{ name: 'yellow-100', hex: '#FEF9C1' },
|
|
47
|
-
{ name: 'yellow-200', hex: '#FEEF85' },
|
|
48
|
-
{ name: 'yellow-300', hex: '#FFDF20' },
|
|
49
|
-
{ name: 'yellow-400', hex: '#FDC700' },
|
|
50
|
-
{ name: 'yellow-500', hex: '#F0B000' },
|
|
51
|
-
{ name: 'yellow-600', hex: '#D08700' },
|
|
52
|
-
{ name: 'yellow-700', hex: '#A65F00' },
|
|
53
|
-
{ name: 'yellow-800', hex: '#884A00' },
|
|
54
|
-
{ name: 'yellow-900', hex: '#723D0A' },
|
|
55
|
-
{ name: 'yellow-950', hex: '#421F04' },
|
|
56
|
-
|
|
57
|
-
{ name: 'lime-50', hex: '#F7FEE7' },
|
|
58
|
-
{ name: 'lime-100', hex: '#EBFCCA' },
|
|
59
|
-
{ name: 'lime-200', hex: '#D8F998' },
|
|
60
|
-
{ name: 'lime-300', hex: '#BAF351' },
|
|
61
|
-
{ name: 'lime-400', hex: '#99E500' },
|
|
62
|
-
{ name: 'lime-500', hex: '#7CCE00' },
|
|
63
|
-
{ name: 'lime-600', hex: '#5EA500' },
|
|
64
|
-
{ name: 'lime-700', hex: '#487D00' },
|
|
65
|
-
{ name: 'lime-800', hex: '#3C6200' },
|
|
66
|
-
{ name: 'lime-900', hex: '#34530E' },
|
|
67
|
-
{ name: 'lime-950', hex: '#192E02' },
|
|
68
|
-
|
|
69
|
-
{ name: 'green-50', hex: '#F0FDF4' },
|
|
70
|
-
{ name: 'green-100', hex: '#DBFBE6' },
|
|
71
|
-
{ name: 'green-200', hex: '#B8F7CF' },
|
|
72
|
-
{ name: 'green-300', hex: '#7AF1A7' },
|
|
73
|
-
{ name: 'green-400', hex: '#05DF72' },
|
|
74
|
-
{ name: 'green-500', hex: '#00C850' },
|
|
75
|
-
{ name: 'green-600', hex: '#00A63D' },
|
|
76
|
-
{ name: 'green-700', hex: '#008235' },
|
|
77
|
-
{ name: 'green-800', hex: '#016630' },
|
|
78
|
-
{ name: 'green-900', hex: '#0D532B' },
|
|
79
|
-
{ name: 'green-950', hex: '#032E15' },
|
|
80
|
-
|
|
81
|
-
{ name: 'emerald-50', hex: '#EBFCF4' },
|
|
82
|
-
{ name: 'emerald-100', hex: '#D0FAE4' },
|
|
83
|
-
{ name: 'emerald-200', hex: '#A4F3CF' },
|
|
84
|
-
{ name: 'emerald-300', hex: '#5EE9B4' },
|
|
85
|
-
{ name: 'emerald-400', hex: '#00D491' },
|
|
86
|
-
{ name: 'emerald-500', hex: '#00BC7C' },
|
|
87
|
-
{ name: 'emerald-600', hex: '#009865' },
|
|
88
|
-
{ name: 'emerald-700', hex: '#007955' },
|
|
89
|
-
{ name: 'emerald-800', hex: '#006044' },
|
|
90
|
-
{ name: 'emerald-900', hex: '#004E3A' },
|
|
91
|
-
{ name: 'emerald-950', hex: '#002C21' },
|
|
92
|
-
|
|
93
|
-
{ name: 'teal-50', hex: '#F0FDFA' },
|
|
94
|
-
{ name: 'teal-100', hex: '#CBFBF1' },
|
|
95
|
-
{ name: 'teal-200', hex: '#95F6E4' },
|
|
96
|
-
{ name: 'teal-300', hex: '#46ECD4' },
|
|
97
|
-
{ name: 'teal-400', hex: '#00D4BD' },
|
|
98
|
-
{ name: 'teal-500', hex: '#00BBA6' },
|
|
99
|
-
{ name: 'teal-600', hex: '#009689' },
|
|
100
|
-
{ name: 'teal-700', hex: '#00776E' },
|
|
101
|
-
{ name: 'teal-800', hex: '#005F59' },
|
|
102
|
-
{ name: 'teal-900', hex: '#0A4E4A' },
|
|
103
|
-
{ name: 'teal-950', hex: '#022F2E' },
|
|
104
|
-
|
|
105
|
-
{ name: 'cyan-50', hex: '#EBFDFE' },
|
|
106
|
-
{ name: 'cyan-100', hex: '#CEFAFE' },
|
|
107
|
-
{ name: 'cyan-200', hex: '#A2F3FC' },
|
|
108
|
-
{ name: 'cyan-300', hex: '#53E9FC' },
|
|
109
|
-
{ name: 'cyan-400', hex: '#00D2F2' },
|
|
110
|
-
{ name: 'cyan-500', hex: '#00B8DA' },
|
|
111
|
-
{ name: 'cyan-600', hex: '#0092B8' },
|
|
112
|
-
{ name: 'cyan-700', hex: '#007594' },
|
|
113
|
-
{ name: 'cyan-800', hex: '#005E78' },
|
|
114
|
-
{ name: 'cyan-900', hex: '#104E64' },
|
|
115
|
-
{ name: 'cyan-950', hex: '#053344' },
|
|
116
|
-
|
|
117
|
-
{ name: 'sky-50', hex: '#EFF9FF' },
|
|
118
|
-
{ name: 'sky-100', hex: '#DFF1FE' },
|
|
119
|
-
{ name: 'sky-200', hex: '#B8E6FE' },
|
|
120
|
-
{ name: 'sky-300', hex: '#73D4FF' },
|
|
121
|
-
{ name: 'sky-400', hex: '#00BBFF' },
|
|
122
|
-
{ name: 'sky-500', hex: '#00A5F4' },
|
|
123
|
-
{ name: 'sky-600', hex: '#0084D1' },
|
|
124
|
-
{ name: 'sky-700', hex: '#0068A8' },
|
|
125
|
-
{ name: 'sky-800', hex: '#005889' },
|
|
126
|
-
{ name: 'sky-900', hex: '#014A70' },
|
|
127
|
-
{ name: 'sky-950', hex: '#052E4A' },
|
|
128
|
-
|
|
129
|
-
{ name: 'blue-50', hex: '#EEF5FE' },
|
|
130
|
-
{ name: 'blue-100', hex: '#DAEAFE' },
|
|
131
|
-
{ name: 'blue-200', hex: '#BDDAFF' },
|
|
132
|
-
{ name: 'blue-300', hex: '#8DC5FF' },
|
|
133
|
-
{ name: 'blue-400', hex: '#50A2FF' },
|
|
134
|
-
{ name: 'blue-500', hex: '#2B7FFF' },
|
|
135
|
-
{ name: 'blue-600', hex: '#155CFB' },
|
|
136
|
-
{ name: 'blue-700', hex: '#1347E5' },
|
|
137
|
-
{ name: 'blue-800', hex: '#193BB8' },
|
|
138
|
-
{ name: 'blue-900', hex: '#1B388E' },
|
|
139
|
-
{ name: 'blue-950', hex: '#162455' },
|
|
140
|
-
|
|
141
|
-
{ name: 'indigo-50', hex: '#EEF2FF' },
|
|
142
|
-
{ name: 'indigo-100', hex: '#DFE7FF' },
|
|
143
|
-
{ name: 'indigo-200', hex: '#C6D1FF' },
|
|
144
|
-
{ name: 'indigo-300', hex: '#A2B3FF' },
|
|
145
|
-
{ name: 'indigo-400', hex: '#7C86FF' },
|
|
146
|
-
{ name: 'indigo-500', hex: '#615EFF' },
|
|
147
|
-
{ name: 'indigo-600', hex: '#4F39F6' },
|
|
148
|
-
{ name: 'indigo-700', hex: '#432DD7' },
|
|
149
|
-
{ name: 'indigo-800', hex: '#3629AB' },
|
|
150
|
-
{ name: 'indigo-900', hex: '#302C85' },
|
|
151
|
-
{ name: 'indigo-950', hex: '#1D1A4C' },
|
|
152
|
-
|
|
153
|
-
{ name: 'violet-50', hex: '#F4F2FE' },
|
|
154
|
-
{ name: 'violet-100', hex: '#ECE8FE' },
|
|
155
|
-
{ name: 'violet-200', hex: '#DCD5FF' },
|
|
156
|
-
{ name: 'violet-300', hex: '#C4B3FF' },
|
|
157
|
-
{ name: 'violet-400', hex: '#A683FF' },
|
|
158
|
-
{ name: 'violet-500', hex: '#8D51FF' },
|
|
159
|
-
{ name: 'violet-600', hex: '#7F22FD' },
|
|
160
|
-
{ name: 'violet-700', hex: '#7008E7' },
|
|
161
|
-
{ name: 'violet-800', hex: '#5D0EC0' },
|
|
162
|
-
{ name: 'violet-900', hex: '#4D1699' },
|
|
163
|
-
{ name: 'violet-950', hex: '#2E0C67' },
|
|
164
|
-
|
|
165
|
-
{ name: 'purple-50', hex: '#FAF5FE' },
|
|
166
|
-
{ name: 'purple-100', hex: '#F2E7FE' },
|
|
167
|
-
{ name: 'purple-200', hex: '#E9D4FF' },
|
|
168
|
-
{ name: 'purple-300', hex: '#D9B1FF' },
|
|
169
|
-
{ name: 'purple-400', hex: '#C17AFF' },
|
|
170
|
-
{ name: 'purple-500', hex: '#AC46FF' },
|
|
171
|
-
{ name: 'purple-600', hex: '#980FFA' },
|
|
172
|
-
{ name: 'purple-700', hex: '#8200DA' },
|
|
173
|
-
{ name: 'purple-800', hex: '#6D10B0' },
|
|
174
|
-
{ name: 'purple-900', hex: '#59168B' },
|
|
175
|
-
{ name: 'purple-950', hex: '#3B0366' },
|
|
176
|
-
|
|
177
|
-
{ name: 'fuchsia-50', hex: '#FCF3FE' },
|
|
178
|
-
{ name: 'fuchsia-100', hex: '#FAE7FF' },
|
|
179
|
-
{ name: 'fuchsia-200', hex: '#F5CFFF' },
|
|
180
|
-
{ name: 'fuchsia-300', hex: '#F3A7FF' },
|
|
181
|
-
{ name: 'fuchsia-400', hex: '#ED6AFF' },
|
|
182
|
-
{ name: 'fuchsia-500', hex: '#E12AFB' },
|
|
183
|
-
{ name: 'fuchsia-600', hex: '#C700DE' },
|
|
184
|
-
{ name: 'fuchsia-700', hex: '#A700B7' },
|
|
185
|
-
{ name: 'fuchsia-800', hex: '#8A0194' },
|
|
186
|
-
{ name: 'fuchsia-900', hex: '#721377' },
|
|
187
|
-
{ name: 'fuchsia-950', hex: '#4A004F' },
|
|
188
|
-
|
|
189
|
-
{ name: 'pink-50', hex: '#FCF1F7' },
|
|
190
|
-
{ name: 'pink-100', hex: '#FCE6F3' },
|
|
191
|
-
{ name: 'pink-200', hex: '#FBCEE8' },
|
|
192
|
-
{ name: 'pink-300', hex: '#FDA4D5' },
|
|
193
|
-
{ name: 'pink-400', hex: '#FB63B6' },
|
|
194
|
-
{ name: 'pink-500', hex: '#F6329A' },
|
|
195
|
-
{ name: 'pink-600', hex: '#E50076' },
|
|
196
|
-
{ name: 'pink-700', hex: '#C6005B' },
|
|
197
|
-
{ name: 'pink-800', hex: '#A2004C' },
|
|
198
|
-
{ name: 'pink-900', hex: '#851042' },
|
|
199
|
-
{ name: 'pink-950', hex: '#510323' },
|
|
200
|
-
|
|
201
|
-
{ name: 'rose-50', hex: '#FEF0F1' },
|
|
202
|
-
{ name: 'rose-100', hex: '#FFE3E5' },
|
|
203
|
-
{ name: 'rose-200', hex: '#FFCCD2' },
|
|
204
|
-
{ name: 'rose-300', hex: '#FFA0AD' },
|
|
205
|
-
{ name: 'rose-400', hex: '#FF637E' },
|
|
206
|
-
{ name: 'rose-500', hex: '#FF1F56' },
|
|
207
|
-
{ name: 'rose-600', hex: '#EC003F' },
|
|
208
|
-
{ name: 'rose-700', hex: '#C60035' },
|
|
209
|
-
{ name: 'rose-800', hex: '#A40035' },
|
|
210
|
-
{ name: 'rose-900', hex: '#8A0735' },
|
|
211
|
-
{ name: 'rose-950', hex: '#4D0218' },
|
|
212
|
-
|
|
213
|
-
{ name: 'slate-50', hex: '#F8F9FB' },
|
|
214
|
-
{ name: 'slate-100', hex: '#F0F4F9' },
|
|
215
|
-
{ name: 'slate-200', hex: '#E1E8F0' },
|
|
216
|
-
{ name: 'slate-300', hex: '#CAD5E2' },
|
|
217
|
-
{ name: 'slate-400', hex: '#90A1B8' },
|
|
218
|
-
{ name: 'slate-500', hex: '#61738D' },
|
|
219
|
-
{ name: 'slate-600', hex: '#45556C' },
|
|
220
|
-
{ name: 'slate-700', hex: '#314157' },
|
|
221
|
-
{ name: 'slate-800', hex: '#1C283C' },
|
|
222
|
-
{ name: 'slate-900', hex: '#0E162B' },
|
|
223
|
-
{ name: 'slate-950', hex: '#010517' },
|
|
224
|
-
|
|
225
|
-
{ name: 'gray-50', hex: '#F8FAFB' },
|
|
226
|
-
{ name: 'gray-100', hex: '#F2F4F6' },
|
|
227
|
-
{ name: 'gray-200', hex: '#E5E7EB' },
|
|
228
|
-
{ name: 'gray-300', hex: '#D0D5DB' },
|
|
229
|
-
{ name: 'gray-400', hex: '#99A1AE' },
|
|
230
|
-
{ name: 'gray-500', hex: '#697282' },
|
|
231
|
-
{ name: 'gray-600', hex: '#495565' },
|
|
232
|
-
{ name: 'gray-700', hex: '#354152' },
|
|
233
|
-
{ name: 'gray-800', hex: '#1D2838' },
|
|
234
|
-
{ name: 'gray-900', hex: '#101727' },
|
|
235
|
-
{ name: 'gray-950', hex: '#020712' },
|
|
236
|
-
|
|
237
|
-
{ name: 'zinc-50', hex: '#F9F9F9' },
|
|
238
|
-
{ name: 'zinc-100', hex: '#F3F3F4' },
|
|
239
|
-
{ name: 'zinc-200', hex: '#E4E4E7' },
|
|
240
|
-
{ name: 'zinc-300', hex: '#D3D3D8' },
|
|
241
|
-
{ name: 'zinc-400', hex: '#9E9EA9' },
|
|
242
|
-
{ name: 'zinc-500', hex: '#70707B' },
|
|
243
|
-
{ name: 'zinc-600', hex: '#51515C' },
|
|
244
|
-
{ name: 'zinc-700', hex: '#3E3E46' },
|
|
245
|
-
{ name: 'zinc-800', hex: '#26262A' },
|
|
246
|
-
{ name: 'zinc-900', hex: '#17171A' },
|
|
247
|
-
{ name: 'zinc-950', hex: '#09090B' },
|
|
248
|
-
|
|
249
|
-
{ name: 'neutral-50', hex: '#F9F9F9' },
|
|
250
|
-
{ name: 'neutral-100', hex: '#F4F4F4' },
|
|
251
|
-
{ name: 'neutral-200', hex: '#E5E5E5' },
|
|
252
|
-
{ name: 'neutral-300', hex: '#D4D4D4' },
|
|
253
|
-
{ name: 'neutral-400', hex: '#A0A0A0' },
|
|
254
|
-
{ name: 'neutral-500', hex: '#737373' },
|
|
255
|
-
{ name: 'neutral-600', hex: '#525252' },
|
|
256
|
-
{ name: 'neutral-700', hex: '#3F3F3F' },
|
|
257
|
-
{ name: 'neutral-800', hex: '#262626' },
|
|
258
|
-
{ name: 'neutral-900', hex: '#171717' },
|
|
259
|
-
{ name: 'neutral-950', hex: '#0A0A0A' },
|
|
260
|
-
|
|
261
|
-
{ name: 'stone-50', hex: '#FAFAF9' },
|
|
262
|
-
{ name: 'stone-100', hex: '#F5F5F4' },
|
|
263
|
-
{ name: 'stone-200', hex: '#E7E4E3' },
|
|
264
|
-
{ name: 'stone-300', hex: '#D6D3D0' },
|
|
265
|
-
{ name: 'stone-400', hex: '#A69F9B' },
|
|
266
|
-
{ name: 'stone-500', hex: '#78706B' },
|
|
267
|
-
{ name: 'stone-600', hex: '#57524D' },
|
|
268
|
-
{ name: 'stone-700', hex: '#443F3B' },
|
|
269
|
-
{ name: 'stone-800', hex: '#292423' },
|
|
270
|
-
{ name: 'stone-900', hex: '#1B1817' },
|
|
271
|
-
{ name: 'stone-950', hex: '#0B0A09' }
|
|
272
|
-
]
|
|
273
|
-
end
|
|
274
|
-
end
|
|
275
|
-
end
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
# converted from the OKLCh values that Tailwind uses for the colours, using ColorConverters which has been reliable for these types of conversions
|
|
4
|
+
|
|
5
|
+
module ColorSwatchCollection
|
|
6
|
+
class TailwindV4
|
|
7
|
+
def self.colours
|
|
8
|
+
[
|
|
9
|
+
{ name: 'red-50', hex: '#FEF2F2' },
|
|
10
|
+
{ name: 'red-100', hex: '#FEE1E1' },
|
|
11
|
+
{ name: 'red-200', hex: '#FFC9C9' },
|
|
12
|
+
{ name: 'red-300', hex: '#FFA1A2' },
|
|
13
|
+
{ name: 'red-400', hex: '#FF6366' },
|
|
14
|
+
{ name: 'red-500', hex: '#FA2B36' },
|
|
15
|
+
{ name: 'red-600', hex: '#E7000A' },
|
|
16
|
+
{ name: 'red-700', hex: '#C10007' },
|
|
17
|
+
{ name: 'red-800', hex: '#9E0711' },
|
|
18
|
+
{ name: 'red-900', hex: '#811719' },
|
|
19
|
+
{ name: 'red-950', hex: '#460808' },
|
|
20
|
+
|
|
21
|
+
{ name: 'orange-50', hex: '#FFF7EC' },
|
|
22
|
+
{ name: 'orange-100', hex: '#FFECD4' },
|
|
23
|
+
{ name: 'orange-200', hex: '#FFD6A7' },
|
|
24
|
+
{ name: 'orange-300', hex: '#FFB869' },
|
|
25
|
+
{ name: 'orange-400', hex: '#FF8803' },
|
|
26
|
+
{ name: 'orange-500', hex: '#FF6800' },
|
|
27
|
+
{ name: 'orange-600', hex: '#F44900' },
|
|
28
|
+
{ name: 'orange-700', hex: '#C93400' },
|
|
29
|
+
{ name: 'orange-800', hex: '#9F2D00' },
|
|
30
|
+
{ name: 'orange-900', hex: '#7E2A0B' },
|
|
31
|
+
{ name: 'orange-950', hex: '#431205' },
|
|
32
|
+
|
|
33
|
+
{ name: 'amber-50', hex: '#FFFBEA' },
|
|
34
|
+
{ name: 'amber-100', hex: '#FEF3C6' },
|
|
35
|
+
{ name: 'amber-200', hex: '#FDE585' },
|
|
36
|
+
{ name: 'amber-300', hex: '#FFD22F' },
|
|
37
|
+
{ name: 'amber-400', hex: '#FFB900' },
|
|
38
|
+
{ name: 'amber-500', hex: '#FD9900' },
|
|
39
|
+
{ name: 'amber-600', hex: '#E17100' },
|
|
40
|
+
{ name: 'amber-700', hex: '#BA4C00' },
|
|
41
|
+
{ name: 'amber-800', hex: '#963B00' },
|
|
42
|
+
{ name: 'amber-900', hex: '#7A3206' },
|
|
43
|
+
{ name: 'amber-950', hex: '#451901' },
|
|
44
|
+
|
|
45
|
+
{ name: 'yellow-50', hex: '#FDFBE8' },
|
|
46
|
+
{ name: 'yellow-100', hex: '#FEF9C1' },
|
|
47
|
+
{ name: 'yellow-200', hex: '#FEEF85' },
|
|
48
|
+
{ name: 'yellow-300', hex: '#FFDF20' },
|
|
49
|
+
{ name: 'yellow-400', hex: '#FDC700' },
|
|
50
|
+
{ name: 'yellow-500', hex: '#F0B000' },
|
|
51
|
+
{ name: 'yellow-600', hex: '#D08700' },
|
|
52
|
+
{ name: 'yellow-700', hex: '#A65F00' },
|
|
53
|
+
{ name: 'yellow-800', hex: '#884A00' },
|
|
54
|
+
{ name: 'yellow-900', hex: '#723D0A' },
|
|
55
|
+
{ name: 'yellow-950', hex: '#421F04' },
|
|
56
|
+
|
|
57
|
+
{ name: 'lime-50', hex: '#F7FEE7' },
|
|
58
|
+
{ name: 'lime-100', hex: '#EBFCCA' },
|
|
59
|
+
{ name: 'lime-200', hex: '#D8F998' },
|
|
60
|
+
{ name: 'lime-300', hex: '#BAF351' },
|
|
61
|
+
{ name: 'lime-400', hex: '#99E500' },
|
|
62
|
+
{ name: 'lime-500', hex: '#7CCE00' },
|
|
63
|
+
{ name: 'lime-600', hex: '#5EA500' },
|
|
64
|
+
{ name: 'lime-700', hex: '#487D00' },
|
|
65
|
+
{ name: 'lime-800', hex: '#3C6200' },
|
|
66
|
+
{ name: 'lime-900', hex: '#34530E' },
|
|
67
|
+
{ name: 'lime-950', hex: '#192E02' },
|
|
68
|
+
|
|
69
|
+
{ name: 'green-50', hex: '#F0FDF4' },
|
|
70
|
+
{ name: 'green-100', hex: '#DBFBE6' },
|
|
71
|
+
{ name: 'green-200', hex: '#B8F7CF' },
|
|
72
|
+
{ name: 'green-300', hex: '#7AF1A7' },
|
|
73
|
+
{ name: 'green-400', hex: '#05DF72' },
|
|
74
|
+
{ name: 'green-500', hex: '#00C850' },
|
|
75
|
+
{ name: 'green-600', hex: '#00A63D' },
|
|
76
|
+
{ name: 'green-700', hex: '#008235' },
|
|
77
|
+
{ name: 'green-800', hex: '#016630' },
|
|
78
|
+
{ name: 'green-900', hex: '#0D532B' },
|
|
79
|
+
{ name: 'green-950', hex: '#032E15' },
|
|
80
|
+
|
|
81
|
+
{ name: 'emerald-50', hex: '#EBFCF4' },
|
|
82
|
+
{ name: 'emerald-100', hex: '#D0FAE4' },
|
|
83
|
+
{ name: 'emerald-200', hex: '#A4F3CF' },
|
|
84
|
+
{ name: 'emerald-300', hex: '#5EE9B4' },
|
|
85
|
+
{ name: 'emerald-400', hex: '#00D491' },
|
|
86
|
+
{ name: 'emerald-500', hex: '#00BC7C' },
|
|
87
|
+
{ name: 'emerald-600', hex: '#009865' },
|
|
88
|
+
{ name: 'emerald-700', hex: '#007955' },
|
|
89
|
+
{ name: 'emerald-800', hex: '#006044' },
|
|
90
|
+
{ name: 'emerald-900', hex: '#004E3A' },
|
|
91
|
+
{ name: 'emerald-950', hex: '#002C21' },
|
|
92
|
+
|
|
93
|
+
{ name: 'teal-50', hex: '#F0FDFA' },
|
|
94
|
+
{ name: 'teal-100', hex: '#CBFBF1' },
|
|
95
|
+
{ name: 'teal-200', hex: '#95F6E4' },
|
|
96
|
+
{ name: 'teal-300', hex: '#46ECD4' },
|
|
97
|
+
{ name: 'teal-400', hex: '#00D4BD' },
|
|
98
|
+
{ name: 'teal-500', hex: '#00BBA6' },
|
|
99
|
+
{ name: 'teal-600', hex: '#009689' },
|
|
100
|
+
{ name: 'teal-700', hex: '#00776E' },
|
|
101
|
+
{ name: 'teal-800', hex: '#005F59' },
|
|
102
|
+
{ name: 'teal-900', hex: '#0A4E4A' },
|
|
103
|
+
{ name: 'teal-950', hex: '#022F2E' },
|
|
104
|
+
|
|
105
|
+
{ name: 'cyan-50', hex: '#EBFDFE' },
|
|
106
|
+
{ name: 'cyan-100', hex: '#CEFAFE' },
|
|
107
|
+
{ name: 'cyan-200', hex: '#A2F3FC' },
|
|
108
|
+
{ name: 'cyan-300', hex: '#53E9FC' },
|
|
109
|
+
{ name: 'cyan-400', hex: '#00D2F2' },
|
|
110
|
+
{ name: 'cyan-500', hex: '#00B8DA' },
|
|
111
|
+
{ name: 'cyan-600', hex: '#0092B8' },
|
|
112
|
+
{ name: 'cyan-700', hex: '#007594' },
|
|
113
|
+
{ name: 'cyan-800', hex: '#005E78' },
|
|
114
|
+
{ name: 'cyan-900', hex: '#104E64' },
|
|
115
|
+
{ name: 'cyan-950', hex: '#053344' },
|
|
116
|
+
|
|
117
|
+
{ name: 'sky-50', hex: '#EFF9FF' },
|
|
118
|
+
{ name: 'sky-100', hex: '#DFF1FE' },
|
|
119
|
+
{ name: 'sky-200', hex: '#B8E6FE' },
|
|
120
|
+
{ name: 'sky-300', hex: '#73D4FF' },
|
|
121
|
+
{ name: 'sky-400', hex: '#00BBFF' },
|
|
122
|
+
{ name: 'sky-500', hex: '#00A5F4' },
|
|
123
|
+
{ name: 'sky-600', hex: '#0084D1' },
|
|
124
|
+
{ name: 'sky-700', hex: '#0068A8' },
|
|
125
|
+
{ name: 'sky-800', hex: '#005889' },
|
|
126
|
+
{ name: 'sky-900', hex: '#014A70' },
|
|
127
|
+
{ name: 'sky-950', hex: '#052E4A' },
|
|
128
|
+
|
|
129
|
+
{ name: 'blue-50', hex: '#EEF5FE' },
|
|
130
|
+
{ name: 'blue-100', hex: '#DAEAFE' },
|
|
131
|
+
{ name: 'blue-200', hex: '#BDDAFF' },
|
|
132
|
+
{ name: 'blue-300', hex: '#8DC5FF' },
|
|
133
|
+
{ name: 'blue-400', hex: '#50A2FF' },
|
|
134
|
+
{ name: 'blue-500', hex: '#2B7FFF' },
|
|
135
|
+
{ name: 'blue-600', hex: '#155CFB' },
|
|
136
|
+
{ name: 'blue-700', hex: '#1347E5' },
|
|
137
|
+
{ name: 'blue-800', hex: '#193BB8' },
|
|
138
|
+
{ name: 'blue-900', hex: '#1B388E' },
|
|
139
|
+
{ name: 'blue-950', hex: '#162455' },
|
|
140
|
+
|
|
141
|
+
{ name: 'indigo-50', hex: '#EEF2FF' },
|
|
142
|
+
{ name: 'indigo-100', hex: '#DFE7FF' },
|
|
143
|
+
{ name: 'indigo-200', hex: '#C6D1FF' },
|
|
144
|
+
{ name: 'indigo-300', hex: '#A2B3FF' },
|
|
145
|
+
{ name: 'indigo-400', hex: '#7C86FF' },
|
|
146
|
+
{ name: 'indigo-500', hex: '#615EFF' },
|
|
147
|
+
{ name: 'indigo-600', hex: '#4F39F6' },
|
|
148
|
+
{ name: 'indigo-700', hex: '#432DD7' },
|
|
149
|
+
{ name: 'indigo-800', hex: '#3629AB' },
|
|
150
|
+
{ name: 'indigo-900', hex: '#302C85' },
|
|
151
|
+
{ name: 'indigo-950', hex: '#1D1A4C' },
|
|
152
|
+
|
|
153
|
+
{ name: 'violet-50', hex: '#F4F2FE' },
|
|
154
|
+
{ name: 'violet-100', hex: '#ECE8FE' },
|
|
155
|
+
{ name: 'violet-200', hex: '#DCD5FF' },
|
|
156
|
+
{ name: 'violet-300', hex: '#C4B3FF' },
|
|
157
|
+
{ name: 'violet-400', hex: '#A683FF' },
|
|
158
|
+
{ name: 'violet-500', hex: '#8D51FF' },
|
|
159
|
+
{ name: 'violet-600', hex: '#7F22FD' },
|
|
160
|
+
{ name: 'violet-700', hex: '#7008E7' },
|
|
161
|
+
{ name: 'violet-800', hex: '#5D0EC0' },
|
|
162
|
+
{ name: 'violet-900', hex: '#4D1699' },
|
|
163
|
+
{ name: 'violet-950', hex: '#2E0C67' },
|
|
164
|
+
|
|
165
|
+
{ name: 'purple-50', hex: '#FAF5FE' },
|
|
166
|
+
{ name: 'purple-100', hex: '#F2E7FE' },
|
|
167
|
+
{ name: 'purple-200', hex: '#E9D4FF' },
|
|
168
|
+
{ name: 'purple-300', hex: '#D9B1FF' },
|
|
169
|
+
{ name: 'purple-400', hex: '#C17AFF' },
|
|
170
|
+
{ name: 'purple-500', hex: '#AC46FF' },
|
|
171
|
+
{ name: 'purple-600', hex: '#980FFA' },
|
|
172
|
+
{ name: 'purple-700', hex: '#8200DA' },
|
|
173
|
+
{ name: 'purple-800', hex: '#6D10B0' },
|
|
174
|
+
{ name: 'purple-900', hex: '#59168B' },
|
|
175
|
+
{ name: 'purple-950', hex: '#3B0366' },
|
|
176
|
+
|
|
177
|
+
{ name: 'fuchsia-50', hex: '#FCF3FE' },
|
|
178
|
+
{ name: 'fuchsia-100', hex: '#FAE7FF' },
|
|
179
|
+
{ name: 'fuchsia-200', hex: '#F5CFFF' },
|
|
180
|
+
{ name: 'fuchsia-300', hex: '#F3A7FF' },
|
|
181
|
+
{ name: 'fuchsia-400', hex: '#ED6AFF' },
|
|
182
|
+
{ name: 'fuchsia-500', hex: '#E12AFB' },
|
|
183
|
+
{ name: 'fuchsia-600', hex: '#C700DE' },
|
|
184
|
+
{ name: 'fuchsia-700', hex: '#A700B7' },
|
|
185
|
+
{ name: 'fuchsia-800', hex: '#8A0194' },
|
|
186
|
+
{ name: 'fuchsia-900', hex: '#721377' },
|
|
187
|
+
{ name: 'fuchsia-950', hex: '#4A004F' },
|
|
188
|
+
|
|
189
|
+
{ name: 'pink-50', hex: '#FCF1F7' },
|
|
190
|
+
{ name: 'pink-100', hex: '#FCE6F3' },
|
|
191
|
+
{ name: 'pink-200', hex: '#FBCEE8' },
|
|
192
|
+
{ name: 'pink-300', hex: '#FDA4D5' },
|
|
193
|
+
{ name: 'pink-400', hex: '#FB63B6' },
|
|
194
|
+
{ name: 'pink-500', hex: '#F6329A' },
|
|
195
|
+
{ name: 'pink-600', hex: '#E50076' },
|
|
196
|
+
{ name: 'pink-700', hex: '#C6005B' },
|
|
197
|
+
{ name: 'pink-800', hex: '#A2004C' },
|
|
198
|
+
{ name: 'pink-900', hex: '#851042' },
|
|
199
|
+
{ name: 'pink-950', hex: '#510323' },
|
|
200
|
+
|
|
201
|
+
{ name: 'rose-50', hex: '#FEF0F1' },
|
|
202
|
+
{ name: 'rose-100', hex: '#FFE3E5' },
|
|
203
|
+
{ name: 'rose-200', hex: '#FFCCD2' },
|
|
204
|
+
{ name: 'rose-300', hex: '#FFA0AD' },
|
|
205
|
+
{ name: 'rose-400', hex: '#FF637E' },
|
|
206
|
+
{ name: 'rose-500', hex: '#FF1F56' },
|
|
207
|
+
{ name: 'rose-600', hex: '#EC003F' },
|
|
208
|
+
{ name: 'rose-700', hex: '#C60035' },
|
|
209
|
+
{ name: 'rose-800', hex: '#A40035' },
|
|
210
|
+
{ name: 'rose-900', hex: '#8A0735' },
|
|
211
|
+
{ name: 'rose-950', hex: '#4D0218' },
|
|
212
|
+
|
|
213
|
+
{ name: 'slate-50', hex: '#F8F9FB' },
|
|
214
|
+
{ name: 'slate-100', hex: '#F0F4F9' },
|
|
215
|
+
{ name: 'slate-200', hex: '#E1E8F0' },
|
|
216
|
+
{ name: 'slate-300', hex: '#CAD5E2' },
|
|
217
|
+
{ name: 'slate-400', hex: '#90A1B8' },
|
|
218
|
+
{ name: 'slate-500', hex: '#61738D' },
|
|
219
|
+
{ name: 'slate-600', hex: '#45556C' },
|
|
220
|
+
{ name: 'slate-700', hex: '#314157' },
|
|
221
|
+
{ name: 'slate-800', hex: '#1C283C' },
|
|
222
|
+
{ name: 'slate-900', hex: '#0E162B' },
|
|
223
|
+
{ name: 'slate-950', hex: '#010517' },
|
|
224
|
+
|
|
225
|
+
{ name: 'gray-50', hex: '#F8FAFB' },
|
|
226
|
+
{ name: 'gray-100', hex: '#F2F4F6' },
|
|
227
|
+
{ name: 'gray-200', hex: '#E5E7EB' },
|
|
228
|
+
{ name: 'gray-300', hex: '#D0D5DB' },
|
|
229
|
+
{ name: 'gray-400', hex: '#99A1AE' },
|
|
230
|
+
{ name: 'gray-500', hex: '#697282' },
|
|
231
|
+
{ name: 'gray-600', hex: '#495565' },
|
|
232
|
+
{ name: 'gray-700', hex: '#354152' },
|
|
233
|
+
{ name: 'gray-800', hex: '#1D2838' },
|
|
234
|
+
{ name: 'gray-900', hex: '#101727' },
|
|
235
|
+
{ name: 'gray-950', hex: '#020712' },
|
|
236
|
+
|
|
237
|
+
{ name: 'zinc-50', hex: '#F9F9F9' },
|
|
238
|
+
{ name: 'zinc-100', hex: '#F3F3F4' },
|
|
239
|
+
{ name: 'zinc-200', hex: '#E4E4E7' },
|
|
240
|
+
{ name: 'zinc-300', hex: '#D3D3D8' },
|
|
241
|
+
{ name: 'zinc-400', hex: '#9E9EA9' },
|
|
242
|
+
{ name: 'zinc-500', hex: '#70707B' },
|
|
243
|
+
{ name: 'zinc-600', hex: '#51515C' },
|
|
244
|
+
{ name: 'zinc-700', hex: '#3E3E46' },
|
|
245
|
+
{ name: 'zinc-800', hex: '#26262A' },
|
|
246
|
+
{ name: 'zinc-900', hex: '#17171A' },
|
|
247
|
+
{ name: 'zinc-950', hex: '#09090B' },
|
|
248
|
+
|
|
249
|
+
{ name: 'neutral-50', hex: '#F9F9F9' },
|
|
250
|
+
{ name: 'neutral-100', hex: '#F4F4F4' },
|
|
251
|
+
{ name: 'neutral-200', hex: '#E5E5E5' },
|
|
252
|
+
{ name: 'neutral-300', hex: '#D4D4D4' },
|
|
253
|
+
{ name: 'neutral-400', hex: '#A0A0A0' },
|
|
254
|
+
{ name: 'neutral-500', hex: '#737373' },
|
|
255
|
+
{ name: 'neutral-600', hex: '#525252' },
|
|
256
|
+
{ name: 'neutral-700', hex: '#3F3F3F' },
|
|
257
|
+
{ name: 'neutral-800', hex: '#262626' },
|
|
258
|
+
{ name: 'neutral-900', hex: '#171717' },
|
|
259
|
+
{ name: 'neutral-950', hex: '#0A0A0A' },
|
|
260
|
+
|
|
261
|
+
{ name: 'stone-50', hex: '#FAFAF9' },
|
|
262
|
+
{ name: 'stone-100', hex: '#F5F5F4' },
|
|
263
|
+
{ name: 'stone-200', hex: '#E7E4E3' },
|
|
264
|
+
{ name: 'stone-300', hex: '#D6D3D0' },
|
|
265
|
+
{ name: 'stone-400', hex: '#A69F9B' },
|
|
266
|
+
{ name: 'stone-500', hex: '#78706B' },
|
|
267
|
+
{ name: 'stone-600', hex: '#57524D' },
|
|
268
|
+
{ name: 'stone-700', hex: '#443F3B' },
|
|
269
|
+
{ name: 'stone-800', hex: '#292423' },
|
|
270
|
+
{ name: 'stone-900', hex: '#1B1817' },
|
|
271
|
+
{ name: 'stone-950', hex: '#0B0A09' }
|
|
272
|
+
]
|
|
273
|
+
end
|
|
274
|
+
end
|
|
275
|
+
end
|