1import { ThemeSyntax } from "../../common";
 2
 3export const color = {
 4    default: {
 5        base: '#191724',
 6        surface: '#1f1d2e',
 7        overlay: '#26233a',
 8        muted: '#6e6a86',
 9        subtle: '#908caa',
10        text: '#e0def4',
11        love: '#eb6f92',
12        gold: '#f6c177',
13        rose: '#ebbcba',
14        pine: '#31748f',
15        foam: '#9ccfd8',
16        iris: '#c4a7e7',
17        highlightLow: '#21202e',
18        highlightMed: '#403d52',
19        highlightHigh: '#524f67',
20    },
21    moon: {
22        base: '#232136',
23        surface: '#2a273f',
24        overlay: '#393552',
25        muted: '#6e6a86',
26        subtle: '#908caa',
27        text: '#e0def4',
28        love: '#eb6f92',
29        gold: '#f6c177',
30        rose: '#ea9a97',
31        pine: '#3e8fb0',
32        foam: '#9ccfd8',
33        iris: '#c4a7e7',
34        highlightLow: '#2a283e',
35        highlightMed: '#44415a',
36        highlightHigh: '#56526e',
37    },
38    dawn: {
39        base: "#faf4ed",
40        surface: "#fffaf3",
41        overlay: "#f2e9e1",
42        muted: "#9893a5",
43        subtle: "#797593",
44        text: "#575279",
45        love: "#b4637a",
46        gold: "#ea9d34",
47        rose: "#d7827e",
48        pine: "#286983",
49        foam: "#56949f",
50        iris: "#907aa9",
51        highlightLow: "#f4ede8",
52        highlightMed: "#dfdad9",
53        highlightHigh: "#cecacd",
54    }
55};
56
57export const syntax = (c: typeof color.default): Partial<ThemeSyntax> => {
58    return {
59        comment: { color: c.muted },
60        operator: { color: c.pine },
61        punctuation: { color: c.subtle },
62        variable: { color: c.text },
63        string: { color: c.gold },
64        type: { color: c.foam },
65        "type.builtin": { color: c.foam },
66        boolean: { color: c.rose },
67        function: { color: c.rose },
68        keyword: { color: c.pine },
69        tag: { color: c.foam },
70        "function.method": { color: c.rose },
71        title: { color: c.gold },
72        linkText: { color: c.foam, italic: false },
73        linkUri: { color: c.rose },
74    }
75}