6import { tags as t } from '@lezer/highlight';
7import { createTheme } from './theme-helper.mjs';

9const hex = ['rgb(0, 0, 0)', 'rgb(82, 208, 250)', 'rgba(113, 208, 250, .4)', 'rgba(113, 208, 250, .15)'];
10
11export const settings = {
12  background: hex[0],
13  lineBackground: 'transparent',
14  foreground: hex[1],
15  muted: hex[2],
16  selection: hex[2],
17  selectionMatch: hex[0],
18  gutterBackground: hex[0],
19  gutterForeground: hex[2],
20  gutterBorder: 'transparent',
21  lineHighlight: hex[0],
22};
23
24export default createTheme({
25  theme: 'dark',
26  settings,
27  styles: [
28    {
29      tag: [t.function(t.variableName), t.function(t.propertyName), t.url, t.processingInstruction],
30      color: hex[1],
31    },
32    { tag: [t.atom, t.bool, t.special(t.variableName)], color: hex[1] },
33    { tag: [t.comment, t.brace, t.bracket], color: hex[2] },
34    { tag: [t.variableName, t.propertyName, t.labelName], color: hex[1] },
35    { tag: [t.attributeName, t.number], color: hex[1] },
36    { tag: t.keyword, color: hex[1] },
37    { tag: [t.string, t.regexp, t.special(t.propertyName)], color: hex[1] },
38  ],
39});