brushtrees.ts

 1import chroma from "chroma-js";
 2import { colorRamp, createColorScheme } from "../common/ramps";
 3
 4const name = "Brush Trees";
 5const author = "Abraham White <abelincoln.white@gmail.com>";
 6const url = "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme";
 7const license = {
 8  type: "MIT",
 9  url: "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme/blob/master/LICENSE"
10}
11
12export const dark = createColorScheme(`${name} Dark`, false, {
13  neutral: chroma.scale([
14    "#485867",
15    "#5A6D7A",
16    "#6D828E",
17    "#8299A1",
18    "#98AFB5",
19    "#B0C5C8",
20    "#C9DBDC",
21    "#E3EFEF",
22  ]),
23  red: colorRamp(chroma("#b38686")),
24  orange: colorRamp(chroma("#d8bba2")),
25  yellow: colorRamp(chroma("#aab386")),
26  green: colorRamp(chroma("#87b386")),
27  cyan: colorRamp(chroma("#86b3b3")),
28  blue: colorRamp(chroma("#868cb3")),
29  violet: colorRamp(chroma("#b386b2")),
30  magenta: colorRamp(chroma("#b39f9f")),
31});
32
33export const mirage = createColorScheme(`${name} Mirage`, false, {
34  neutral: chroma.scale([
35    "#485867",
36    "#5A6D7A",
37    "#6D828E",
38    "#8299A1",
39    "#98AFB5",
40    "#B0C5C8",
41    "#C9DBDC",
42    "#E3EFEF",
43  ]),
44  red: colorRamp(chroma("#F28779")),
45  orange: colorRamp(chroma("#FFAD66")),
46  yellow: colorRamp(chroma("#FFD173")),
47  green: colorRamp(chroma("#D5FF80")),
48  cyan: colorRamp(chroma("#95E6CB")),
49  blue: colorRamp(chroma("#5CCFE6")),
50  violet: colorRamp(chroma("#D4BFFF")),
51  magenta: colorRamp(chroma("#F29E74")),
52});
53
54export const light = createColorScheme(`${name} Light`, true, {
55  neutral: chroma.scale([
56    "#1A1F29",
57    "#242936",
58    "#5C6773",
59    "#828C99",
60    "#ABB0B6",
61    "#F8F9FA",
62    "#F3F4F5",
63    "#FAFAFA",
64  ]),
65  red: colorRamp(chroma("#b38686")),
66  orange: colorRamp(chroma("#d8bba2")),
67  yellow: colorRamp(chroma("#aab386")),
68  green: colorRamp(chroma("#87b386")),
69  cyan: colorRamp(chroma("#86b3b3")),
70  blue: colorRamp(chroma("#868cb3")),
71  violet: colorRamp(chroma("#b386b2")),
72  magenta: colorRamp(chroma("#b39f9f")),
73});