rose-pine.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "./common/ramps";
 3
 4const name = "Rosé Pine";
 5const author = "edunfelt";
 6const url = "https://github.com/edunfelt/base16-rose-pine-scheme";
 7const license = {
 8  type: "MIT",
 9  url: "https://github.com/edunfelt/base16-rose-pine-scheme",
10};
11
12const ramps = {
13  neutral: chroma.scale([
14    "#191724",
15    "#1f1d2e",
16    "#26233A",
17    "#3E3A53",
18    "#56526C",
19    "#6E6A86",
20    "#908CAA",
21    "#E0DEF4",
22  ]),
23  red: colorRamp(chroma("#EB6F92")),
24  orange: colorRamp(chroma("#EBBCBA")),
25  yellow: colorRamp(chroma("#F6C177")),
26  green: colorRamp(chroma("#8DBD8D")),
27  cyan: colorRamp(chroma("#409BBE")),
28  blue: colorRamp(chroma("#9CCFD8")),
29  violet: colorRamp(chroma("#C4A7E7")),
30  magenta: colorRamp(chroma("#AB6FE9")),
31};
32
33export const dark = createColorScheme(`${name}`, false, ramps);