@lunalytics/ui
Version:
React based component library created to be used in Lunalytics
130 lines (129 loc) • 2.08 kB
JavaScript
const f = {
white: "#ffffff",
black: "#000000"
}, e = {
50: "#edf5ff",
100: "#e1efff",
200: "#cee4fe",
300: "#b7d5f8",
400: "#96c1f2",
500: "#5ea2ef",
600: "#0072f5",
700: "#005fcc",
800: "#004799",
900: "#00254d"
}, c = {
50: "#f0fcff",
100: "#e6fafe",
200: "#d7f8fe",
300: "#c3f4fd",
400: "#a5eefd",
500: "#7ee7fc",
600: "#06b7db",
700: "#09aacd",
800: "#0e8aaa",
900: "#053b48"
}, d = {
50: "#c7d4dd",
100: "#97a0a7",
200: "#6a7a85",
300: "#5c6870",
400: "#505b62",
500: "#454c52",
600: "#343b3f",
700: "#292e31",
800: "#22272a",
900: "#171a1c"
}, a = {
50: "#f1fdf7",
100: "#e8fcf1",
200: "#dafbe8",
300: "#c8f9dd",
400: "#adf5cc",
500: "#88f1b6",
600: "#17c964",
700: "#13a452",
800: "#108944",
900: "#06371b"
}, b = {
50: "#fffaf0",
100: "#feebc8",
200: "#fdd9a3",
300: "#fcbf75",
400: "#f7aa45",
500: "#ef8f23",
600: "#dd6b20",
700: "#c65b1f",
800: "#9f4818",
900: "#712f16"
}, o = {
50: "#fff0fb",
100: "#ffe5f8",
200: "#ffd6f3",
300: "#ffc2ee",
400: "#ffa3e5",
500: "#ff7ad9",
600: "#ff4ecd",
700: "#d6009a",
800: "#b80084",
900: "#4d0037"
}, t = {
50: "#f7f2fd",
100: "#f1e8fb",
200: "#eadcf8",
300: "#e0cbf5",
400: "#d1b1f0",
500: "#bc8ee9",
600: "#7828c8",
700: "#6622aa",
800: "#4d1980",
900: "#290e44"
}, n = {
50: "#fef0f5",
100: "#fee7ef",
200: "#fdd8e5",
300: "#fcc5d8",
400: "#faa8c5",
500: "#f881ab",
600: "#f31260",
700: "#b80a47",
800: "#910838",
900: "#4e041e"
}, s = {
50: "#fef9f0",
100: "#fef5e7",
200: "#fdefd8",
300: "#fce7c5",
400: "#fbdba7",
500: "#f9cb80",
600: "#f5a524",
700: "#b97509",
800: "#925d07",
900: "#4e3104"
}, r = {
50: "#f3f6fb",
100: "#e8ecf2",
200: "#dfe3e9",
300: "#d5d9df",
400: "#ccd0d6",
500: "#c2c8ce",
600: "#b9bfc5",
700: "#afb5bb",
800: "#a6acb2",
900: "#9ca2a8"
}, l = {
text: f,
blue: e,
cyan: c,
gray: d,
green: a,
orange: b,
pink: o,
purple: t,
red: n,
yellow: s,
white: r
};
export {
l as color
};