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

7export const settings = {
8  background: '#282b2e',
9  lineBackground: '#282b2e99',
10  foreground: '#a9b7c6',
11  muted: '#a9b7c650',
12  caret: '#00FF00',
13  selection: '#343739',
14  selectionMatch: '#343739',
15  lineHighlight: '#343739',
16};
17
18export default createTheme({
19  theme: 'dark',
20  settings: {
21    background: '#282b2e',
22    foreground: '#a9b7c6',
23    muted: '#a9b7c650',
24    caret: '#00FF00',
25    selection: '#4e5254',
26    selectionMatch: '#4e5254',
27    gutterForeground: '#cccccc50',
28    lineHighlight: '#7f85891f',
29  },
30  styles: [
31    { tag: t.labelName, color: 'inherit' },
32    { tag: [t.keyword, t.deleted, t.className], color: '#a9b7c6' },
33    { tag: [t.number, t.literal], color: '#6897bb' },
34    //{ tag: [t.link, t.variableName], color: '#629755' },
35    { tag: [t.link, t.variableName], color: '#a9b7c6' },
36    { tag: [t.comment, t.quote], color: 'grey' },
37    { tag: [t.meta, t.documentMeta], color: '#bbb529' },
38    //{ tag: [t.string, t.propertyName, t.attributeValue], color: '#6a8759' },
39    { tag: [t.propertyName, t.attributeValue], color: '#a9b7c6' },
40    { tag: [t.string], color: '#6a8759' },
41    { tag: [t.heading, t.typeName], color: '#ffc66d' },
42    { tag: [t.attributeName], color: '#a9b7c6' },
43    { tag: [t.emphasis], fontStyle: 'italic' },
44  ],
45});