ayu.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "../common/ramps";
 3
 4const name = "Ayu";
 5const author = "Konstantin Pschera <me@kons.ch>";
 6const url = "https://github.com/ayu-theme/ayu-colors";
 7const license = {
 8  type: "MIT",
 9  url: "https://github.com/ayu-theme/ayu-colors/blob/master/license"
10}
11
12export const dark = createColorScheme(`${name} Dark`, false, {
13  neutral: chroma.scale([
14    "#0F1419",
15    "#131721",
16    "#272D38",
17    "#3E4B59",
18    "#BFBDB6",
19    "#E6E1CF",
20    "#E6E1CF",
21    "#F3F4F5",
22  ]),
23  red: colorRamp(chroma("#F07178")),
24  orange: colorRamp(chroma("#FF8F40")),
25  yellow: colorRamp(chroma("#FFB454")),
26  green: colorRamp(chroma("#B8CC52")),
27  cyan: colorRamp(chroma("#95E6CB")),
28  blue: colorRamp(chroma("#59C2FF")),
29  violet: colorRamp(chroma("#D2A6FF")),
30  magenta: colorRamp(chroma("#E6B673")),
31});
32
33export const light = createColorScheme(`${name} Light`, true, {
34  neutral: chroma.scale([
35    "#1A1F29",
36    "#242936",
37    "#5C6773",
38    "#828C99",
39    "#ABB0B6",
40    "#F8F9FA",
41    "#F3F4F5",
42    "#FAFAFA",
43  ]),
44  red: colorRamp(chroma("#F07178")),
45  orange: colorRamp(chroma("#FA8D3E")),
46  yellow: colorRamp(chroma("#F2AE49")),
47  green: colorRamp(chroma("#86B300")),
48  cyan: colorRamp(chroma("#4CBF99")),
49  blue: colorRamp(chroma("#36A3D9")),
50  violet: colorRamp(chroma("#A37ACC")),
51  magenta: colorRamp(chroma("#E6BA7E")),
52});