UNPKG

@gitlab/ui/src/tokens/color.tokens.json

Version:

1{
"black": {
  "$value": "#000",
  "$type": "color",
  "themeable": true,
  "prefix": false
},
"white": {
  "$value": "#fff",
  "$type": "color",
  "themeable": true,
  "prefix": false
},
"blue": {
  "50": {
    "$value": "#e9f3fc",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#cbe2f9",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#9dc7f1",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#63a6e9",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#428fdc",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#1f75cb",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#1068bf",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#0b5cad",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#064787",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#033464",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#002850",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"gray": {
  "10": {
    "$value": "#fbfafd",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "50": {
    "$value": "#ececef",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#dcdcde",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#bfbfc3",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#a4a3a8",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#89888d",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#737278",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#626168",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#535158",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#434248",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#333238",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#1f1e24",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"green": {
  "50": {
    "$value": "#ecf4ee",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#c3e6cd",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#91d4a8",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#52b87a",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#2da160",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#108548",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#217645",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#24663b",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#0d532a",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#0a4020",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#072b15",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"orange": {
  "50": {
    "$value": "#fdf1dd",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#f5d9a8",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#e9be74",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#d99530",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#c17d10",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#ab6100",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#9e5400",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#8f4700",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#703800",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#5c2900",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#421f00",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"purple": {
  "50": {
    "$value": "#f4f0ff",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#e1d8f9",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#cbbbf2",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#ac93e6",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#9475db",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#7b58cf",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#694cc0",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#5943b6",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#453894",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#2f2a6b",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#232150",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"red": {
  "50": {
    "$value": "#fcf1ef",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "100": {
    "$value": "#fdd4cd",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "200": {
    "$value": "#fcb5aa",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "300": {
    "$value": "#f57f6c",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "400": {
    "$value": "#ec5941",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "500": {
    "$value": "#dd2b0e",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "600": {
    "$value": "#c91c00",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "700": {
    "$value": "#ae1800",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "800": {
    "$value": "#8d1300",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "900": {
    "$value": "#660e00",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "950": {
    "$value": "#4d0a00",
    "$type": "color",
    "themeable": true,
    "prefix": false
  }
},
"brand": {
  "charcoal": {
    "$value": "#171321",
    "$type": "color",
    "themeable": true,
    "prefix": false
  },
  "orange": {
    "01": {
      "$value": "#fca326",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "02": {
      "$value": "#fc6d26",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "03": {
      "$value": "#e24329",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "purple": {
    "01": {
      "$value": "#a989f5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "02": {
      "$value": "#7759c2",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "gray": {
    "01": {
      "$value": "#d1d0d3",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "02": {
      "$value": "#a2a1a6",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "03": {
      "$value": "#74717a",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "04": {
      "$value": "#45424d",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "05": {
      "$value": "#2b2838",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  }
}
502}

1	`{`
2	`"black": {`
3	`"$value": "#000",`
4	`"$type": "color",`
5	`"themeable": true,`
6	`"prefix": false`
7	`},`
8	`"white": {`
9	`"$value": "#fff",`
10	`"$type": "color",`
11	`"themeable": true,`
12	`"prefix": false`
13	`},`
14	`"blue": {`
15	`"50": {`
16	`"$value": "#e9f3fc",`
17	`"$type": "color",`
18	`"themeable": true,`
19	`"prefix": false`
20	`},`
21	`"100": {`
22	`"$value": "#cbe2f9",`
23	`"$type": "color",`
24	`"themeable": true,`
25	`"prefix": false`
26	`},`
27	`"200": {`
28	`"$value": "#9dc7f1",`
29	`"$type": "color",`
30	`"themeable": true,`
31	`"prefix": false`
32	`},`
33	`"300": {`
34	`"$value": "#63a6e9",`
35	`"$type": "color",`
36	`"themeable": true,`
37	`"prefix": false`
38	`},`
39	`"400": {`
40	`"$value": "#428fdc",`
41	`"$type": "color",`
42	`"themeable": true,`
43	`"prefix": false`
44	`},`
45	`"500": {`
46	`"$value": "#1f75cb",`
47	`"$type": "color",`
48	`"themeable": true,`
49	`"prefix": false`
50	`},`
51	`"600": {`
52	`"$value": "#1068bf",`
53	`"$type": "color",`
54	`"themeable": true,`
55	`"prefix": false`
56	`},`
57	`"700": {`
58	`"$value": "#0b5cad",`
59	`"$type": "color",`
60	`"themeable": true,`
61	`"prefix": false`
62	`},`
63	`"800": {`
64	`"$value": "#064787",`
65	`"$type": "color",`
66	`"themeable": true,`
67	`"prefix": false`
68	`},`
69	`"900": {`
70	`"$value": "#033464",`
71	`"$type": "color",`
72	`"themeable": true,`
73	`"prefix": false`
74	`},`
75	`"950": {`
76	`"$value": "#002850",`
77	`"$type": "color",`
78	`"themeable": true,`
79	`"prefix": false`
80	`}`
81	`},`
82	`"gray": {`
83	`"10": {`
84	`"$value": "#fbfafd",`
85	`"$type": "color",`
86	`"themeable": true,`
87	`"prefix": false`
88	`},`
89	`"50": {`
90	`"$value": "#ececef",`
91	`"$type": "color",`
92	`"themeable": true,`
93	`"prefix": false`
94	`},`
95	`"100": {`
96	`"$value": "#dcdcde",`
97	`"$type": "color",`
98	`"themeable": true,`
99	`"prefix": false`
100	`},`
101	`"200": {`
102	`"$value": "#bfbfc3",`
103	`"$type": "color",`
104	`"themeable": true,`
105	`"prefix": false`
106	`},`
107	`"300": {`
108	`"$value": "#a4a3a8",`
109	`"$type": "color",`
110	`"themeable": true,`
111	`"prefix": false`
112	`},`
113	`"400": {`
114	`"$value": "#89888d",`
115	`"$type": "color",`
116	`"themeable": true,`
117	`"prefix": false`
118	`},`
119	`"500": {`
120	`"$value": "#737278",`
121	`"$type": "color",`
122	`"themeable": true,`
123	`"prefix": false`
124	`},`
125	`"600": {`
126	`"$value": "#626168",`
127	`"$type": "color",`
128	`"themeable": true,`
129	`"prefix": false`
130	`},`
131	`"700": {`
132	`"$value": "#535158",`
133	`"$type": "color",`
134	`"themeable": true,`
135	`"prefix": false`
136	`},`
137	`"800": {`
138	`"$value": "#434248",`
139	`"$type": "color",`
140	`"themeable": true,`
141	`"prefix": false`
142	`},`
143	`"900": {`
144	`"$value": "#333238",`
145	`"$type": "color",`
146	`"themeable": true,`
147	`"prefix": false`
148	`},`
149	`"950": {`
150	`"$value": "#1f1e24",`
151	`"$type": "color",`
152	`"themeable": true,`
153	`"prefix": false`
154	`}`
155	`},`
156	`"green": {`
157	`"50": {`
158	`"$value": "#ecf4ee",`
159	`"$type": "color",`
160	`"themeable": true,`
161	`"prefix": false`
162	`},`
163	`"100": {`
164	`"$value": "#c3e6cd",`
165	`"$type": "color",`
166	`"themeable": true,`
167	`"prefix": false`
168	`},`
169	`"200": {`
170	`"$value": "#91d4a8",`
171	`"$type": "color",`
172	`"themeable": true,`
173	`"prefix": false`
174	`},`
175	`"300": {`
176	`"$value": "#52b87a",`
177	`"$type": "color",`
178	`"themeable": true,`
179	`"prefix": false`
180	`},`
181	`"400": {`
182	`"$value": "#2da160",`
183	`"$type": "color",`
184	`"themeable": true,`
185	`"prefix": false`
186	`},`
187	`"500": {`
188	`"$value": "#108548",`
189	`"$type": "color",`
190	`"themeable": true,`
191	`"prefix": false`
192	`},`
193	`"600": {`
194	`"$value": "#217645",`
195	`"$type": "color",`
196	`"themeable": true,`
197	`"prefix": false`
198	`},`
199	`"700": {`
200	`"$value": "#24663b",`
201	`"$type": "color",`
202	`"themeable": true,`
203	`"prefix": false`
204	`},`
205	`"800": {`
206	`"$value": "#0d532a",`
207	`"$type": "color",`
208	`"themeable": true,`
209	`"prefix": false`
210	`},`
211	`"900": {`
212	`"$value": "#0a4020",`
213	`"$type": "color",`
214	`"themeable": true,`
215	`"prefix": false`
216	`},`
217	`"950": {`
218	`"$value": "#072b15",`
219	`"$type": "color",`
220	`"themeable": true,`
221	`"prefix": false`
222	`}`
223	`},`
224	`"orange": {`
225	`"50": {`
226	`"$value": "#fdf1dd",`
227	`"$type": "color",`
228	`"themeable": true,`
229	`"prefix": false`
230	`},`
231	`"100": {`
232	`"$value": "#f5d9a8",`
233	`"$type": "color",`
234	`"themeable": true,`
235	`"prefix": false`
236	`},`
237	`"200": {`
238	`"$value": "#e9be74",`
239	`"$type": "color",`
240	`"themeable": true,`
241	`"prefix": false`
242	`},`
243	`"300": {`
244	`"$value": "#d99530",`
245	`"$type": "color",`
246	`"themeable": true,`
247	`"prefix": false`
248	`},`
249	`"400": {`
250	`"$value": "#c17d10",`
251	`"$type": "color",`
252	`"themeable": true,`
253	`"prefix": false`
254	`},`
255	`"500": {`
256	`"$value": "#ab6100",`
257	`"$type": "color",`
258	`"themeable": true,`
259	`"prefix": false`
260	`},`
261	`"600": {`
262	`"$value": "#9e5400",`
263	`"$type": "color",`
264	`"themeable": true,`
265	`"prefix": false`
266	`},`
267	`"700": {`
268	`"$value": "#8f4700",`
269	`"$type": "color",`
270	`"themeable": true,`
271	`"prefix": false`
272	`},`
273	`"800": {`
274	`"$value": "#703800",`
275	`"$type": "color",`
276	`"themeable": true,`
277	`"prefix": false`
278	`},`
279	`"900": {`
280	`"$value": "#5c2900",`
281	`"$type": "color",`
282	`"themeable": true,`
283	`"prefix": false`
284	`},`
285	`"950": {`
286	`"$value": "#421f00",`
287	`"$type": "color",`
288	`"themeable": true,`
289	`"prefix": false`
290	`}`
291	`},`
292	`"purple": {`
293	`"50": {`
294	`"$value": "#f4f0ff",`
295	`"$type": "color",`
296	`"themeable": true,`
297	`"prefix": false`
298	`},`
299	`"100": {`
300	`"$value": "#e1d8f9",`
301	`"$type": "color",`
302	`"themeable": true,`
303	`"prefix": false`
304	`},`
305	`"200": {`
306	`"$value": "#cbbbf2",`
307	`"$type": "color",`
308	`"themeable": true,`
309	`"prefix": false`
310	`},`
311	`"300": {`
312	`"$value": "#ac93e6",`
313	`"$type": "color",`
314	`"themeable": true,`
315	`"prefix": false`
316	`},`
317	`"400": {`
318	`"$value": "#9475db",`
319	`"$type": "color",`
320	`"themeable": true,`
321	`"prefix": false`
322	`},`
323	`"500": {`
324	`"$value": "#7b58cf",`
325	`"$type": "color",`
326	`"themeable": true,`
327	`"prefix": false`
328	`},`
329	`"600": {`
330	`"$value": "#694cc0",`
331	`"$type": "color",`
332	`"themeable": true,`
333	`"prefix": false`
334	`},`
335	`"700": {`
336	`"$value": "#5943b6",`
337	`"$type": "color",`
338	`"themeable": true,`
339	`"prefix": false`
340	`},`
341	`"800": {`
342	`"$value": "#453894",`
343	`"$type": "color",`
344	`"themeable": true,`
345	`"prefix": false`
346	`},`
347	`"900": {`
348	`"$value": "#2f2a6b",`
349	`"$type": "color",`
350	`"themeable": true,`
351	`"prefix": false`
352	`},`
353	`"950": {`
354	`"$value": "#232150",`
355	`"$type": "color",`
356	`"themeable": true,`
357	`"prefix": false`
358	`}`
359	`},`
360	`"red": {`
361	`"50": {`
362	`"$value": "#fcf1ef",`
363	`"$type": "color",`
364	`"themeable": true,`
365	`"prefix": false`
366	`},`
367	`"100": {`
368	`"$value": "#fdd4cd",`
369	`"$type": "color",`
370	`"themeable": true,`
371	`"prefix": false`
372	`},`
373	`"200": {`
374	`"$value": "#fcb5aa",`
375	`"$type": "color",`
376	`"themeable": true,`
377	`"prefix": false`
378	`},`
379	`"300": {`
380	`"$value": "#f57f6c",`
381	`"$type": "color",`
382	`"themeable": true,`
383	`"prefix": false`
384	`},`
385	`"400": {`
386	`"$value": "#ec5941",`
387	`"$type": "color",`
388	`"themeable": true,`
389	`"prefix": false`
390	`},`
391	`"500": {`
392	`"$value": "#dd2b0e",`
393	`"$type": "color",`
394	`"themeable": true,`
395	`"prefix": false`
396	`},`
397	`"600": {`
398	`"$value": "#c91c00",`
399	`"$type": "color",`
400	`"themeable": true,`
401	`"prefix": false`
402	`},`
403	`"700": {`
404	`"$value": "#ae1800",`
405	`"$type": "color",`
406	`"themeable": true,`
407	`"prefix": false`
408	`},`
409	`"800": {`
410	`"$value": "#8d1300",`
411	`"$type": "color",`
412	`"themeable": true,`
413	`"prefix": false`
414	`},`
415	`"900": {`
416	`"$value": "#660e00",`
417	`"$type": "color",`
418	`"themeable": true,`
419	`"prefix": false`
420	`},`
421	`"950": {`
422	`"$value": "#4d0a00",`
423	`"$type": "color",`
424	`"themeable": true,`
425	`"prefix": false`
426	`}`
427	`},`
428	`"brand": {`
429	`"charcoal": {`
430	`"$value": "#171321",`
431	`"$type": "color",`
432	`"themeable": true,`
433	`"prefix": false`
434	`},`
435	`"orange": {`
436	`"01": {`
437	`"$value": "#fca326",`
438	`"$type": "color",`
439	`"themeable": true,`
440	`"prefix": false`
441	`},`
442	`"02": {`
443	`"$value": "#fc6d26",`
444	`"$type": "color",`
445	`"themeable": true,`
446	`"prefix": false`
447	`},`
448	`"03": {`
449	`"$value": "#e24329",`
450	`"$type": "color",`
451	`"themeable": true,`
452	`"prefix": false`
453	`}`
454	`},`
455	`"purple": {`
456	`"01": {`
457	`"$value": "#a989f5",`
458	`"$type": "color",`
459	`"themeable": true,`
460	`"prefix": false`
461	`},`
462	`"02": {`
463	`"$value": "#7759c2",`
464	`"$type": "color",`
465	`"themeable": true,`
466	`"prefix": false`
467	`}`
468	`},`
469	`"gray": {`
470	`"01": {`
471	`"$value": "#d1d0d3",`
472	`"$type": "color",`
473	`"themeable": true,`
474	`"prefix": false`
475	`},`
476	`"02": {`
477	`"$value": "#a2a1a6",`
478	`"$type": "color",`
479	`"themeable": true,`
480	`"prefix": false`
481	`},`
482	`"03": {`
483	`"$value": "#74717a",`
484	`"$type": "color",`
485	`"themeable": true,`
486	`"prefix": false`
487	`},`
488	`"04": {`
489	`"$value": "#45424d",`
490	`"$type": "color",`
491	`"themeable": true,`
492	`"prefix": false`
493	`},`
494	`"05": {`
495	`"$value": "#2b2838",`
496	`"$type": "color",`
497	`"themeable": true,`
498	`"prefix": false`
499	`}`
500	`}`
501	`}`
502	`}`