brushtrees.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "./common/ramps";
 3
 4const name = "brush-tree";
 5
 6const ramps = {
 7  neutral: chroma
 8    .scale([
 9      "#485867",
10      "#5A6D7A",
11      "#6D828E",
12      "#8299A1",
13      "#98AFB5",
14      "#B0C5C8",
15      "#C9DBDC",
16      "#E3EFEF",
17    ])
18    .domain([0, 0.17, 0.32, 0.48, 0.6, 0.715, 0.858, 1]),
19  red: colorRamp(chroma("#b38686")),
20  orange: colorRamp(chroma("#d8bba2")),
21  yellow: colorRamp(chroma("#aab386")),
22  green: colorRamp(chroma("#87b386")),
23  cyan: colorRamp(chroma("#86b3b3")),
24  blue: colorRamp(chroma("#868cb3")),
25  violet: colorRamp(chroma("#b386b2")),
26  magenta: colorRamp(chroma("#b39f9f")),
27};
28
29export const dark = createColorScheme(`${name}-dark`, false, ramps);
30export const light = createColorScheme(`${name}-light`, true, ramps);