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})