cl-react-graph
Version:
React D3 Charts
80 lines (79 loc) • 2.94 kB
text/typescript
export const theme = {
black100: "hsla(210, 4%, 9%, 1)",
black200: "hsla(200, 3%, 18%, 1)",
black300: "hsla(204, 4%, 27%, 1)",
blue100: "hsla(216, 56%, 2%, 1)",
blue200: "hsla(218, 58%, 7%, 1)",
blue300: "hsla(216, 61%, 13%, 1)",
blue400: "hsla(216, 60%, 17%, 1)",
blue500: "hsla(216, 60%, 18%, 1)",
blue600: "hsla(216, 25%, 35%, 1)",
blue700: "hsla(215, 14%, 51%, 1)",
blue800: "hsla(215, 14%, 75%, 1)",
blue900: "hsla(210, 14%, 92%, 1)",
brightBlue100: "hsla(208, 36%, 26%, 1)",
brightBlue200: "hsla(208, 36%, 40%, 1)",
brightBlue300: "hsla(209, 36%, 46%, 1)",
brightBlue400: "hsla(208, 40%, 53%, 1)",
brightBlue500: "hsla(208, 69%, 66%, 1)",
brightBlue600: "hsla(208, 69%, 73%, 1)",
brightBlue700: "hsla(208, 69%, 80%, 1)",
brightBlue800: "hsla(208, 69%, 86%, 1)",
brightBlue900: "hsla(205, 67%, 96%, 1)",
green100: "hsla(146, 45%, 10%, 1)",
green200: "hsla(143, 45%, 20%, 1)",
green300: "hsla(143, 65%, 26%, 1)",
green400: "hsla(143, 100%, 26%, 1)",
green500: "hsla(143, 100%, 30%, 1)",
green600: "hsla(143, 80%, 38%, 1)",
green700: "hsla(143, 65%, 48%, 1)",
green800: "hsla(143, 60%, 68%, 1)",
green900: "hsla(140, 60%, 88%, 1)",
grey100: "hsla(204, 4%, 27%, 1)",
grey200: "hsla(210, 3%, 45%, 1)",
grey300: "hsla(213, 4%, 54%, 1)",
grey400: "hsla(212, 9%, 72%, 1)",
grey450: "hsla(210, 14%, 81%, 1)",
grey500: "hsla(210, 31%, 90%, 1)",
grey600: "hsla(208, 32%, 91%, 1)",
grey700: "hsla(207, 30%, 93%, 1)",
grey800: "hsla(206, 33%, 96%, 1)",
grey900: "hsla(240, 20%, 99%, 1)",
orange100: "hsla(29, 68%, 29%, 1)",
orange200: "hsla(29, 69%, 40%, 1)",
orange300: "hsla(28, 68%, 46%, 1)",
orange400: "hsla(29, 73%, 51%, 1)",
orange500: "hsla(29, 92%, 57%, 1)",
orange600: "hsla(28, 92%, 62%, 1)",
orange700: "hsla(28, 93%, 79%, 1)",
orange800: "hsla(28, 91%, 83%, 1)",
orange900: "hsla(30, 91%, 96%, 1)",
purple100: "hsla(265, 35%, 15%, 1)",
purple200: "hsla(261, 35%, 25%, 1)",
purple300: "hsla(261, 40%, 37%, 1)",
purple400: "hsla(261, 40%, 50%, 1)",
purple500: "hsla(261, 50%, 56%, 1)",
purple600: "hsla(261, 55%, 66%, 1)",
purple700: "hsla(261, 55%, 76%, 1)",
purple800: "hsla(261, 55%, 85%, 1)",
purple900: "hsla(264, 55%, 90%, 1)",
red100: "hsla(10, 70%, 35%, 1)",
red300: "hsla(6, 70%, 45%, 1)",
red400: "hsla(6, 80%, 50%, 1)",
red500: "hsla(6, 95%, 55%, 1)",
red600: "hsla(6, 90%, 60%, 1)",
red700: "hsla(6, 90%, 70%, 1)",
red800: "hsla(6, 90%, 80%, 1)",
red900: "hsla(6, 90%, 90%, 1)",
teal300: "hsla(209, 36%, 46%, 1)",
teal400: "hsla(208, 40%, 53%, 1)",
teal500: "hsla(208, 69%, 66%, 1)",
teal600: "hsla(208, 69%, 73%, 1)",
teal700: "hsla(208, 69%, 80%, 1)",
teal800: "hsla(208, 69%, 86%, 1)",
brightTeal300: "hsla(261, 40%, 37%, 1)",
brightTeal500: "hsla(261, 50%, 56%, 1)",
brightTeal600: "hsla(261, 55%, 66%, 1)",
brightTeal800: "hsla(261, 55%, 85%, 1)",
white900: "#fff",
};