cave.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "./common/ramps";
 3
 4const name = "cave";
 5
 6export const dark = createColorScheme(`${name}-dark`, false, {
 7  neutral: chroma
 8    .scale([
 9      "#19171c",
10      "#26232a",
11      "#585260",
12      "#655f6d",
13      "#7e7887",
14      "#8b8792",
15      "#e2dfe7",
16      "#efecf4",
17    ])
18    .domain([0, 0.15, 0.45, 0.6, 0.65, 0.7, 0.85, 1]),
19  red: colorRamp(chroma("#be4678")),
20  orange: colorRamp(chroma("#aa573c")),
21  yellow: colorRamp(chroma("#a06e3b")),
22  green: colorRamp(chroma("#2a9292")),
23  cyan: colorRamp(chroma("#398bc6")),
24  blue: colorRamp(chroma("#576ddb")),
25  violet: colorRamp(chroma("#955ae7")),
26  magenta: colorRamp(chroma("#bf40bf")),
27});
28
29export const light = createColorScheme(`${name}-light`, true, {
30  neutral: chroma
31    .scale([
32      "#19171c",
33      "#26232a",
34      "#585260",
35      "#655f6d",
36      "#7e7887",
37      "#8b8792",
38      "#e2dfe7",
39      "#efecf4",
40    ]).correctLightness(),
41  red: colorRamp(chroma("#be4678")),
42  orange: colorRamp(chroma("#aa573c")),
43  yellow: colorRamp(chroma("#a06e3b")),
44  green: colorRamp(chroma("#2a9292")),
45  cyan: colorRamp(chroma("#398bc6")),
46  blue: colorRamp(chroma("#576ddb")),
47  violet: colorRamp(chroma("#955ae7")),
48  magenta: colorRamp(chroma("#bf40bf")),
49});