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