solarized.ts

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