1import chroma from "chroma-js"
2import { Meta } from "./common/colorScheme"
3import { colorRamp, createColorScheme } from "./common/ramps"
4import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
5
6const variant: Variant = {
7 meta: {
8 name: `${name} Savanna Dark`,
9 ...metaCommon,
10 url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna/",
11 },
12 colors: {
13 base00: "#171c19",
14 base01: "#232a25",
15 base02: "#526057",
16 base03: "#5f6d64",
17 base04: "#78877d",
18 base05: "#87928a",
19 base06: "#dfe7e2",
20 base07: "#ecf4ee",
21 base08: "#b16139",
22 base09: "#9f713c",
23 base0A: "#a07e3b",
24 base0B: "#489963",
25 base0C: "#1c9aa0",
26 base0D: "#478c90",
27 base0E: "#55859b",
28 base0F: "#867469",
29 },
30}
31
32const syntax = buildSyntax(variant)
33
34const theme = (variant: Variant) => {
35 const { meta, colors } = variant
36
37 return createColorScheme(
38 meta.name,
39 false,
40 {
41 neutral: chroma.scale([
42 colors.base00,
43 colors.base01,
44 colors.base02,
45 colors.base03,
46 colors.base04,
47 colors.base05,
48 colors.base06,
49 colors.base07,
50 ]),
51 red: colorRamp(chroma(colors.base08)),
52 orange: colorRamp(chroma(colors.base09)),
53 yellow: colorRamp(chroma(colors.base0A)),
54 green: colorRamp(chroma(colors.base0B)),
55 cyan: colorRamp(chroma(colors.base0C)),
56 blue: colorRamp(chroma(colors.base0D)),
57 violet: colorRamp(chroma(colors.base0E)),
58 magenta: colorRamp(chroma(colors.base0F)),
59 },
60 syntax
61 )
62}
63
64export const dark = theme(variant)
65
66export const meta: Meta = variant.meta