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});