@gitlab/ui
Version:
GitLab UI Components
239 lines • 7.89 kB
JSON
{
"color": {
"data-viz-green-50": "#133a03",
"data-viz-green-100": "#1a4500",
"data-viz-green-200": "#275600",
"data-viz-green-300": "#366800",
"data-viz-green-400": "#4e7f0e",
"data-viz-green-500": "#619025",
"data-viz-green-600": "#81ac41",
"data-viz-green-700": "#94c25e",
"data-viz-green-800": "#b0d97b",
"data-viz-green-900": "#c6ed94",
"data-viz-green-950": "#ddfab7",
"data-viz-aqua-50": "#00344b",
"data-viz-aqua-100": "#004059",
"data-viz-aqua-200": "#00516c",
"data-viz-aqua-300": "#006381",
"data-viz-aqua-400": "#007b9b",
"data-viz-aqua-500": "#0090b1",
"data-viz-aqua-600": "#00acc4",
"data-viz-aqua-700": "#32c5d2",
"data-viz-aqua-800": "#5edee3",
"data-viz-aqua-900": "#93f2ef",
"data-viz-aqua-950": "#b5fefd",
"data-viz-blue-50": "#2a2b59",
"data-viz-blue-100": "#303470",
"data-viz-blue-200": "#374291",
"data-viz-blue-300": "#3f51ae",
"data-viz-blue-400": "#4e65cd",
"data-viz-blue-500": "#617ae2",
"data-viz-blue-600": "#7992f5",
"data-viz-blue-700": "#97acff",
"data-viz-blue-800": "#b7c6ff",
"data-viz-blue-900": "#d2dcff",
"data-viz-blue-950": "#e9ebff",
"data-viz-magenta-50": "#541d31",
"data-viz-magenta-100": "#661e3a",
"data-viz-magenta-200": "#7c214f",
"data-viz-magenta-300": "#9a2e5d",
"data-viz-magenta-400": "#b93d71",
"data-viz-magenta-500": "#cf4d81",
"data-viz-magenta-600": "#e86e9a",
"data-viz-magenta-700": "#f88aaf",
"data-viz-magenta-800": "#fcacc5",
"data-viz-magenta-900": "#ffccdb",
"data-viz-magenta-950": "#ffe3eb",
"data-viz-orange-50": "#4b2707",
"data-viz-orange-100": "#5e2f05",
"data-viz-orange-200": "#6f3500",
"data-viz-orange-300": "#92430a",
"data-viz-orange-400": "#b14f18",
"data-viz-orange-500": "#c95d2e",
"data-viz-orange-600": "#e07e41",
"data-viz-orange-700": "#e99b60",
"data-viz-orange-800": "#eebd8c",
"data-viz-orange-900": "#f5d6b3",
"data-viz-orange-950": "#fae8d1",
"theme-indigo-10": "#14143d",
"theme-indigo-50": "#222261",
"theme-indigo-100": "#303083",
"theme-indigo-200": "#41419f",
"theme-indigo-300": "#5252b5",
"theme-indigo-400": "#6666c4",
"theme-indigo-500": "#8181d7",
"theme-indigo-600": "#a2a2e6",
"theme-indigo-700": "#c7c7f2",
"theme-indigo-800": "#dbdbf8",
"theme-indigo-900": "#f1f1ff",
"theme-indigo-950": "#f8f8ff",
"theme-blue-10": "#04101c",
"theme-blue-50": "#0b2640",
"theme-blue-100": "#153c63",
"theme-blue-200": "#235180",
"theme-blue-300": "#346596",
"theme-blue-400": "#4977a5",
"theme-blue-500": "#628eb9",
"theme-blue-600": "#81a5c9",
"theme-blue-700": "#a6bdd5",
"theme-blue-800": "#b9cadc",
"theme-blue-900": "#cdd8e3",
"theme-blue-950": "#e6ecf0",
"theme-light-blue-10": "#0a3764",
"theme-light-blue-50": "#0c4277",
"theme-light-blue-100": "#0e4d8d",
"theme-light-blue-200": "#145aa1",
"theme-light-blue-300": "#2268ae",
"theme-light-blue-400": "#3476b9",
"theme-light-blue-500": "#4f8bc7",
"theme-light-blue-600": "#74a3d3",
"theme-light-blue-700": "#a0bedc",
"theme-light-blue-800": "#c1d4e6",
"theme-light-blue-900": "#dde6ee",
"theme-light-blue-950": "#eef3f7",
"theme-green-10": "#052e19",
"theme-green-50": "#0e4328",
"theme-green-100": "#155635",
"theme-green-200": "#1b653f",
"theme-green-300": "#25744c",
"theme-green-400": "#308258",
"theme-green-500": "#499767",
"theme-green-600": "#69af7d",
"theme-green-700": "#8cc497",
"theme-green-800": "#b1d6b5",
"theme-green-900": "#dde9de",
"theme-green-950": "#eef4ef",
"theme-red-10": "#380700",
"theme-red-50": "#580d02",
"theme-red-100": "#761405",
"theme-red-200": "#8f2110",
"theme-red-300": "#a13322",
"theme-red-400": "#ad4a3b",
"theme-red-500": "#c66e60",
"theme-red-600": "#d59086",
"theme-red-700": "#e3bab5",
"theme-red-800": "#ecd3d0",
"theme-red-900": "#f4e9e7",
"theme-red-950": "#faf4f3",
"theme-light-red-10": "#5c1105",
"theme-light-red-50": "#751709",
"theme-light-red-100": "#8b2212",
"theme-light-red-200": "#a02e1c",
"theme-light-red-300": "#b53a26",
"theme-light-red-400": "#c24b38",
"theme-light-red-500": "#d36250",
"theme-light-red-600": "#e07f6f",
"theme-light-red-700": "#ebada2",
"theme-light-red-800": "#f6d9d5",
"theme-light-red-900": "#faf2f1",
"theme-light-red-950": "#fdf9f8",
"black": "#fff",
"white": "#333238",
"blue-50": "#033464",
"blue-100": "#064787",
"blue-200": "#0b5cad",
"blue-300": "#1068bf",
"blue-400": "#1f75cb",
"blue-500": "#428fdc",
"blue-600": "#63a6e9",
"blue-700": "#9dc7f1",
"blue-800": "#cbe2f9",
"blue-900": "#e9f3fc",
"blue-950": "#f2f9ff",
"gray-10": "#1f1e24",
"gray-50": "#333238",
"gray-100": "#434248",
"gray-200": "#535158",
"gray-300": "#626168",
"gray-400": "#737278",
"gray-500": "#89888d",
"gray-600": "#a4a3a8",
"gray-700": "#bfbfc3",
"gray-800": "#dcdcde",
"gray-900": "#ececef",
"gray-950": "#fbfafd",
"green-50": "#0a4020",
"green-100": "#0d532a",
"green-200": "#24663b",
"green-300": "#217645",
"green-400": "#108548",
"green-500": "#2da160",
"green-600": "#52b87a",
"green-700": "#91d4a8",
"green-800": "#c3e6cd",
"green-900": "#ecf4ee",
"green-950": "#f1fdf6",
"orange-50": "#5c2900",
"orange-100": "#703800",
"orange-200": "#8f4700",
"orange-300": "#9e5400",
"orange-400": "#ab6100",
"orange-500": "#c17d10",
"orange-600": "#d99530",
"orange-700": "#e9be74",
"orange-800": "#f5d9a8",
"orange-900": "#fdf1dd",
"orange-950": "#fff4e1",
"purple-50": "#232150",
"purple-100": "#2f2a6b",
"purple-200": "#453894",
"purple-300": "#5943b6",
"purple-400": "#694cc0",
"purple-500": "#7b58cf",
"purple-600": "#9475db",
"purple-700": "#ac93e6",
"purple-800": "#cbbbf2",
"purple-900": "#e1d8f9",
"purple-950": "#f4f0ff",
"red-50": "#660e00",
"red-100": "#8d1300",
"red-200": "#ae1800",
"red-300": "#c91c00",
"red-400": "#dd2b0e",
"red-500": "#ec5941",
"red-600": "#f57f6c",
"red-700": "#fcb5aa",
"red-800": "#fdd4cd",
"red-900": "#fcf1ef",
"red-950": "#fff4f3",
"brand-charcoal": "#171321",
"brand-orange-01": "#fca326",
"brand-orange-02": "#fc6d26",
"brand-orange-03": "#e24329",
"brand-purple-01": "#a989f5",
"brand-purple-02": "#7759c2",
"brand-gray-01": "#d1d0d3",
"brand-gray-02": "#a2a1a6",
"brand-gray-03": "#74717a",
"brand-gray-04": "#45424d",
"brand-gray-05": "#2b2838",
"t-gray-a-16": "rgba(31, 30, 36, 0.16)",
"t-gray-a-24": "rgba(31, 30, 36, 0.24)",
"t-gray-a-02": "rgba(31, 30, 36, 0.02)",
"t-gray-a-04": "rgba(31, 30, 36, 0.04)",
"t-gray-a-06": "rgba(31, 30, 36, 0.06)",
"t-gray-a-08": "rgba(31, 30, 36, 0.08)",
"t-white-a-16": "rgba(255, 255, 255, 0.16)",
"t-white-a-24": "rgba(255, 255, 255, 0.24)",
"t-white-a-36": "rgba(255, 255, 255, 0.36)",
"t-white-a-02": "rgba(255, 255, 255, 0.02)",
"t-white-a-04": "rgba(255, 255, 255, 0.04)",
"t-white-a-06": "rgba(255, 255, 255, 0.06)",
"t-white-a-08": "rgba(255, 255, 255, 0.08)",
"text-primary": "#ececef",
"text-secondary": "#89888d",
"text-tertiary": "#737278"
},
"dimension": {
"line-height-12": "0.75rem",
"line-height-16": "1rem",
"line-height-20": "1.25rem",
"line-height-24": "1.5rem",
"line-height-28": "1.75rem",
"line-height-32": "2rem",
"line-height-36": "2.25rem",
"line-height-42": "2.625rem",
"line-height-44": "2.75rem",
"line-height-52": "3.25rem"
}
}