rose-pine-moon.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "./common/ramps";
 3
 4const name = "rosé-pine-moon";
 5
 6const ramps = {
 7  neutral: chroma
 8    .scale([
 9      "#232136",
10      "#2A273F",
11      "#393552",
12      "#3E3A53",
13      "#56526C",
14      "#6E6A86",
15      "#908CAA",
16      "#E0DEF4",
17    ])
18    .domain([0, 0.3, 0.55, 1]),
19  red: colorRamp(chroma("#EB6F92")),
20  orange: colorRamp(chroma("#EBBCBA")),
21  yellow: colorRamp(chroma("#F6C177")),
22  green: colorRamp(chroma("#8DBD8D")),
23  cyan: colorRamp(chroma("#409BBE")),
24  blue: colorRamp(chroma("#9CCFD8")),
25  violet: colorRamp(chroma("#C4A7E7")),
26  magenta: colorRamp(chroma("#AB6FE9")),
27};
28
29export const dark = createColorScheme(`${name}`, false, ramps);