atelier-seaside.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "../common/ramps";
 3
 4const name = "Atelier Seaside";
 5const author = "atelierbram";
 6const url = "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/";
 7const license = {
 8  type: "MIT",
 9  url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
10};
11
12const ramps = {
13  neutral: chroma.scale([
14    "#131513",
15    "#242924",
16    "#5e6e5e",
17    "#687d68",
18    "#809980",
19    "#8ca68c",
20    "#cfe8cf",
21    "#f4fbf4",
22  ]),
23  red: colorRamp(chroma("#e6193c")),
24  orange: colorRamp(chroma("#87711d")),
25  yellow: colorRamp(chroma("#98981b")),
26  green: colorRamp(chroma("#29a329")),
27  cyan: colorRamp(chroma("#1999b3")),
28  blue: colorRamp(chroma("#3d62f5")),
29  violet: colorRamp(chroma("#ad2bee")),
30  magenta: colorRamp(chroma("#e619c3")),
31};
32
33export const dark = createColorScheme(`${name} Dark`, false, ramps);
34export const light = createColorScheme(`${name} Light`, true, ramps);