UNPKG

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

Version:

1{
"theme": {
  "indigo": {
    "10": {
      "$value": "#f8f8ff",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#f1f1ff",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#dbdbf8",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#c7c7f2",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#a2a2e6",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#8181d7",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#6666c4",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#5252b5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#41419f",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#303083",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#222261",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#14143d",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "blue": {
    "10": {
      "$value": "#e6ecf0",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#cdd8e3",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#b9cadc",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#a6bdd5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#81a5c9",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#628eb9",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#4977a5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#346596",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#235180",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#153c63",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#0b2640",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#04101c",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "light-blue": {
    "10": {
      "$value": "#eef3f7",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#dde6ee",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#c1d4e6",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#a0bedc",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#74a3d3",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#4f8bc7",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#3476b9",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#2268ae",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#145aa1",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#0e4d8d",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#0c4277",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#0a3764",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "green": {
    "10": {
      "$value": "#eef4ef",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#dde9de",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#b1d6b5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#8cc497",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#69af7d",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#499767",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#308258",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#25744c",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#1b653f",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#155635",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#0e4328",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#052e19",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "red": {
    "10": {
      "$value": "#faf4f3",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#f4e9e7",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#ecd3d0",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#e3bab5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#d59086",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#c66e60",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#ad4a3b",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#a13322",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#8f2110",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#761405",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#580d02",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#380700",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  },
  "light-red": {
    "10": {
      "$value": "#fdf9f8",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "50": {
      "$value": "#faf2f1",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "100": {
      "$value": "#f6d9d5",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "200": {
      "$value": "#ebada2",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "300": {
      "$value": "#e07f6f",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "400": {
      "$value": "#d36250",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "500": {
      "$value": "#c24b38",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "600": {
      "$value": "#b53a26",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "700": {
      "$value": "#a02e1c",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "800": {
      "$value": "#8b2212",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "900": {
      "$value": "#751709",
      "$type": "color",
      "themeable": true,
      "prefix": false
    },
    "950": {
      "$value": "#5c1105",
      "$type": "color",
      "themeable": true,
      "prefix": false
    }
  }
}
448}

1	`{`
2	`"theme": {`
3	`"indigo": {`
4	`"10": {`
5	`"$value": "#f8f8ff",`
6	`"$type": "color",`
7	`"themeable": true,`
8	`"prefix": false`
9	`},`
10	`"50": {`
11	`"$value": "#f1f1ff",`
12	`"$type": "color",`
13	`"themeable": true,`
14	`"prefix": false`
15	`},`
16	`"100": {`
17	`"$value": "#dbdbf8",`
18	`"$type": "color",`
19	`"themeable": true,`
20	`"prefix": false`
21	`},`
22	`"200": {`
23	`"$value": "#c7c7f2",`
24	`"$type": "color",`
25	`"themeable": true,`
26	`"prefix": false`
27	`},`
28	`"300": {`
29	`"$value": "#a2a2e6",`
30	`"$type": "color",`
31	`"themeable": true,`
32	`"prefix": false`
33	`},`
34	`"400": {`
35	`"$value": "#8181d7",`
36	`"$type": "color",`
37	`"themeable": true,`
38	`"prefix": false`
39	`},`
40	`"500": {`
41	`"$value": "#6666c4",`
42	`"$type": "color",`
43	`"themeable": true,`
44	`"prefix": false`
45	`},`
46	`"600": {`
47	`"$value": "#5252b5",`
48	`"$type": "color",`
49	`"themeable": true,`
50	`"prefix": false`
51	`},`
52	`"700": {`
53	`"$value": "#41419f",`
54	`"$type": "color",`
55	`"themeable": true,`
56	`"prefix": false`
57	`},`
58	`"800": {`
59	`"$value": "#303083",`
60	`"$type": "color",`
61	`"themeable": true,`
62	`"prefix": false`
63	`},`
64	`"900": {`
65	`"$value": "#222261",`
66	`"$type": "color",`
67	`"themeable": true,`
68	`"prefix": false`
69	`},`
70	`"950": {`
71	`"$value": "#14143d",`
72	`"$type": "color",`
73	`"themeable": true,`
74	`"prefix": false`
75	`}`
76	`},`
77	`"blue": {`
78	`"10": {`
79	`"$value": "#e6ecf0",`
80	`"$type": "color",`
81	`"themeable": true,`
82	`"prefix": false`
83	`},`
84	`"50": {`
85	`"$value": "#cdd8e3",`
86	`"$type": "color",`
87	`"themeable": true,`
88	`"prefix": false`
89	`},`
90	`"100": {`
91	`"$value": "#b9cadc",`
92	`"$type": "color",`
93	`"themeable": true,`
94	`"prefix": false`
95	`},`
96	`"200": {`
97	`"$value": "#a6bdd5",`
98	`"$type": "color",`
99	`"themeable": true,`
100	`"prefix": false`
101	`},`
102	`"300": {`
103	`"$value": "#81a5c9",`
104	`"$type": "color",`
105	`"themeable": true,`
106	`"prefix": false`
107	`},`
108	`"400": {`
109	`"$value": "#628eb9",`
110	`"$type": "color",`
111	`"themeable": true,`
112	`"prefix": false`
113	`},`
114	`"500": {`
115	`"$value": "#4977a5",`
116	`"$type": "color",`
117	`"themeable": true,`
118	`"prefix": false`
119	`},`
120	`"600": {`
121	`"$value": "#346596",`
122	`"$type": "color",`
123	`"themeable": true,`
124	`"prefix": false`
125	`},`
126	`"700": {`
127	`"$value": "#235180",`
128	`"$type": "color",`
129	`"themeable": true,`
130	`"prefix": false`
131	`},`
132	`"800": {`
133	`"$value": "#153c63",`
134	`"$type": "color",`
135	`"themeable": true,`
136	`"prefix": false`
137	`},`
138	`"900": {`
139	`"$value": "#0b2640",`
140	`"$type": "color",`
141	`"themeable": true,`
142	`"prefix": false`
143	`},`
144	`"950": {`
145	`"$value": "#04101c",`
146	`"$type": "color",`
147	`"themeable": true,`
148	`"prefix": false`
149	`}`
150	`},`
151	`"light-blue": {`
152	`"10": {`
153	`"$value": "#eef3f7",`
154	`"$type": "color",`
155	`"themeable": true,`
156	`"prefix": false`
157	`},`
158	`"50": {`
159	`"$value": "#dde6ee",`
160	`"$type": "color",`
161	`"themeable": true,`
162	`"prefix": false`
163	`},`
164	`"100": {`
165	`"$value": "#c1d4e6",`
166	`"$type": "color",`
167	`"themeable": true,`
168	`"prefix": false`
169	`},`
170	`"200": {`
171	`"$value": "#a0bedc",`
172	`"$type": "color",`
173	`"themeable": true,`
174	`"prefix": false`
175	`},`
176	`"300": {`
177	`"$value": "#74a3d3",`
178	`"$type": "color",`
179	`"themeable": true,`
180	`"prefix": false`
181	`},`
182	`"400": {`
183	`"$value": "#4f8bc7",`
184	`"$type": "color",`
185	`"themeable": true,`
186	`"prefix": false`
187	`},`
188	`"500": {`
189	`"$value": "#3476b9",`
190	`"$type": "color",`
191	`"themeable": true,`
192	`"prefix": false`
193	`},`
194	`"600": {`
195	`"$value": "#2268ae",`
196	`"$type": "color",`
197	`"themeable": true,`
198	`"prefix": false`
199	`},`
200	`"700": {`
201	`"$value": "#145aa1",`
202	`"$type": "color",`
203	`"themeable": true,`
204	`"prefix": false`
205	`},`
206	`"800": {`
207	`"$value": "#0e4d8d",`
208	`"$type": "color",`
209	`"themeable": true,`
210	`"prefix": false`
211	`},`
212	`"900": {`
213	`"$value": "#0c4277",`
214	`"$type": "color",`
215	`"themeable": true,`
216	`"prefix": false`
217	`},`
218	`"950": {`
219	`"$value": "#0a3764",`
220	`"$type": "color",`
221	`"themeable": true,`
222	`"prefix": false`
223	`}`
224	`},`
225	`"green": {`
226	`"10": {`
227	`"$value": "#eef4ef",`
228	`"$type": "color",`
229	`"themeable": true,`
230	`"prefix": false`
231	`},`
232	`"50": {`
233	`"$value": "#dde9de",`
234	`"$type": "color",`
235	`"themeable": true,`
236	`"prefix": false`
237	`},`
238	`"100": {`
239	`"$value": "#b1d6b5",`
240	`"$type": "color",`
241	`"themeable": true,`
242	`"prefix": false`
243	`},`
244	`"200": {`
245	`"$value": "#8cc497",`
246	`"$type": "color",`
247	`"themeable": true,`
248	`"prefix": false`
249	`},`
250	`"300": {`
251	`"$value": "#69af7d",`
252	`"$type": "color",`
253	`"themeable": true,`
254	`"prefix": false`
255	`},`
256	`"400": {`
257	`"$value": "#499767",`
258	`"$type": "color",`
259	`"themeable": true,`
260	`"prefix": false`
261	`},`
262	`"500": {`
263	`"$value": "#308258",`
264	`"$type": "color",`
265	`"themeable": true,`
266	`"prefix": false`
267	`},`
268	`"600": {`
269	`"$value": "#25744c",`
270	`"$type": "color",`
271	`"themeable": true,`
272	`"prefix": false`
273	`},`
274	`"700": {`
275	`"$value": "#1b653f",`
276	`"$type": "color",`
277	`"themeable": true,`
278	`"prefix": false`
279	`},`
280	`"800": {`
281	`"$value": "#155635",`
282	`"$type": "color",`
283	`"themeable": true,`
284	`"prefix": false`
285	`},`
286	`"900": {`
287	`"$value": "#0e4328",`
288	`"$type": "color",`
289	`"themeable": true,`
290	`"prefix": false`
291	`},`
292	`"950": {`
293	`"$value": "#052e19",`
294	`"$type": "color",`
295	`"themeable": true,`
296	`"prefix": false`
297	`}`
298	`},`
299	`"red": {`
300	`"10": {`
301	`"$value": "#faf4f3",`
302	`"$type": "color",`
303	`"themeable": true,`
304	`"prefix": false`
305	`},`
306	`"50": {`
307	`"$value": "#f4e9e7",`
308	`"$type": "color",`
309	`"themeable": true,`
310	`"prefix": false`
311	`},`
312	`"100": {`
313	`"$value": "#ecd3d0",`
314	`"$type": "color",`
315	`"themeable": true,`
316	`"prefix": false`
317	`},`
318	`"200": {`
319	`"$value": "#e3bab5",`
320	`"$type": "color",`
321	`"themeable": true,`
322	`"prefix": false`
323	`},`
324	`"300": {`
325	`"$value": "#d59086",`
326	`"$type": "color",`
327	`"themeable": true,`
328	`"prefix": false`
329	`},`
330	`"400": {`
331	`"$value": "#c66e60",`
332	`"$type": "color",`
333	`"themeable": true,`
334	`"prefix": false`
335	`},`
336	`"500": {`
337	`"$value": "#ad4a3b",`
338	`"$type": "color",`
339	`"themeable": true,`
340	`"prefix": false`
341	`},`
342	`"600": {`
343	`"$value": "#a13322",`
344	`"$type": "color",`
345	`"themeable": true,`
346	`"prefix": false`
347	`},`
348	`"700": {`
349	`"$value": "#8f2110",`
350	`"$type": "color",`
351	`"themeable": true,`
352	`"prefix": false`
353	`},`
354	`"800": {`
355	`"$value": "#761405",`
356	`"$type": "color",`
357	`"themeable": true,`
358	`"prefix": false`
359	`},`
360	`"900": {`
361	`"$value": "#580d02",`
362	`"$type": "color",`
363	`"themeable": true,`
364	`"prefix": false`
365	`},`
366	`"950": {`
367	`"$value": "#380700",`
368	`"$type": "color",`
369	`"themeable": true,`
370	`"prefix": false`
371	`}`
372	`},`
373	`"light-red": {`
374	`"10": {`
375	`"$value": "#fdf9f8",`
376	`"$type": "color",`
377	`"themeable": true,`
378	`"prefix": false`
379	`},`
380	`"50": {`
381	`"$value": "#faf2f1",`
382	`"$type": "color",`
383	`"themeable": true,`
384	`"prefix": false`
385	`},`
386	`"100": {`
387	`"$value": "#f6d9d5",`
388	`"$type": "color",`
389	`"themeable": true,`
390	`"prefix": false`
391	`},`
392	`"200": {`
393	`"$value": "#ebada2",`
394	`"$type": "color",`
395	`"themeable": true,`
396	`"prefix": false`
397	`},`
398	`"300": {`
399	`"$value": "#e07f6f",`
400	`"$type": "color",`
401	`"themeable": true,`
402	`"prefix": false`
403	`},`
404	`"400": {`
405	`"$value": "#d36250",`
406	`"$type": "color",`
407	`"themeable": true,`
408	`"prefix": false`
409	`},`
410	`"500": {`
411	`"$value": "#c24b38",`
412	`"$type": "color",`
413	`"themeable": true,`
414	`"prefix": false`
415	`},`
416	`"600": {`
417	`"$value": "#b53a26",`
418	`"$type": "color",`
419	`"themeable": true,`
420	`"prefix": false`
421	`},`
422	`"700": {`
423	`"$value": "#a02e1c",`
424	`"$type": "color",`
425	`"themeable": true,`
426	`"prefix": false`
427	`},`
428	`"800": {`
429	`"$value": "#8b2212",`
430	`"$type": "color",`
431	`"themeable": true,`
432	`"prefix": false`
433	`},`
434	`"900": {`
435	`"$value": "#751709",`
436	`"$type": "color",`
437	`"themeable": true,`
438	`"prefix": false`
439	`},`
440	`"950": {`
441	`"$value": "#5c1105",`
442	`"$type": "color",`
443	`"themeable": true,`
444	`"prefix": false`
445	`}`
446	`}`
447	`}`
448	`}`