seti-ui.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "../common/ramps";
 3
 4const name = "Seti UI";
 5const author = "jesseweed";
 6const url = "https://github.com/jesseweed/seti-ui";
 7const license = {
 8  type: "MIT",
 9  url: "https://github.com/jesseweed/seti-ui/blob/master/LICENSE.md",
10};
11
12// `name-[light|dark]`, isLight, color ramps
13export const dark = createColorScheme(`${name}`, false, {
14  neutral: chroma.scale([
15    "#151718",
16    "#262B30",
17    "#1E2326",
18    "#41535B",
19    "#43a5d5",
20    "#d6d6d6",
21    "#eeeeee",
22    "#ffffff",
23  ]),
24  red: colorRamp(chroma("#Cd3f45")),
25  orange: colorRamp(chroma("#db7b55")),
26  yellow: colorRamp(chroma("#e6cd69")),
27  green: colorRamp(chroma("#9fca56")),
28  cyan: colorRamp(chroma("#55dbbe")),
29  blue: colorRamp(chroma("#55b5db")),
30  violet: colorRamp(chroma("#a074c4")),
31  magenta: colorRamp(chroma("#8a553f")),
32});