1import chroma from "chroma-js";
2import { colorRamp, createTheme } from "./common/base16";
3
4const name = "sulphurpool";
5
6const ramps = {
7 neutral: chroma.scale([
8 "#202746",
9 "#293256",
10 "#5e6687",
11 "#6b7394",
12 "#898ea4",
13 "#979db4",
14 "#dfe2f1",
15 "#f5f7ff",
16 ]),
17 red: colorRamp(chroma("#c94922")),
18 orange: colorRamp(chroma("#c76b29")),
19 yellow: colorRamp(chroma("#c08b30")),
20 green: colorRamp(chroma("#ac9739")),
21 cyan: colorRamp(chroma("#22a2c9")),
22 blue: colorRamp(chroma("#3d8fd1")),
23 violet: colorRamp(chroma("#6679cc")),
24 magenta: colorRamp(chroma("#9c637a")),
25};
26
27export const dark = createTheme(`${name}-dark`, false, ramps);
28export const light = createTheme(`${name}-light`, true, ramps);