1import chroma from "chroma-js";
2import { colorRamp, createColorScheme } from "./common/ramps";
3
4const name = "solarized";
5
6const ramps = {
7 neutral: chroma.scale([
8 "#002b36",
9 "#073642",
10 "#586e75",
11 "#657b83",
12 "#839496",
13 "#93a1a1",
14 "#eee8d5",
15 "#fdf6e3",
16 ]).domain([
17 0,
18 0.2,
19 0.38,
20 0.45,
21 0.65,
22 0.7,
23 0.85,
24 1
25 ]),
26 red: colorRamp(chroma("#dc322f")),
27 orange: colorRamp(chroma("#cb4b16")),
28 yellow: colorRamp(chroma("#b58900")),
29 green: colorRamp(chroma("#859900")),
30 cyan: colorRamp(chroma("#2aa198")),
31 blue: colorRamp(chroma("#268bd2")),
32 violet: colorRamp(chroma("#6c71c4")),
33 magenta: colorRamp(chroma("#d33682")),
34};
35
36export const dark = createColorScheme(`${name}-dark`, false, ramps);
37export const light = createColorScheme(`${name}-light`, true, ramps);