rose-pine.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "./common/ramps";
 3
 4const name = "Rosé Pine";
 5const author = "";
 6const url = "";
 7
 8const ramps = {
 9  neutral: chroma.scale([
10    "#191724",
11    "#1f1d2e",
12    "#26233A",
13    "#3E3A53",
14    "#56526C",
15    "#6E6A86",
16    "#908CAA",
17    "#E0DEF4",
18  ]),
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);