6import { tags as t } from '@lezer/highlight';
7import { createTheme } from './theme-helper.mjs';
8export const settings = {
9  background: '#242424',
10  lineBackground: '#24242499',
11  foreground: '#f8f8f2',
12  muted: '#f8f8f250',
13  caret: '#FFFFFF',
14  selection: 'rgba(255, 255, 255, 0.1)',
15  selectionMatch: 'rgba(255, 255, 255, 0.2)',
16  gutterBackground: 'rgba(255, 255, 255, 0.1)',
17  gutterForeground: '#999',
18  gutterBorder: 'transparent',
19  lineHighlight: 'rgba(255, 255, 255, 0.1)',
20};

22export default createTheme({
23  theme: 'dark',
24  settings: {
25    background: '#242424',
26    foreground: '#f8f8f2',
27    muted: '#f8f8f250',
28    caret: '#FFFFFF',
29    selection: 'rgba(255, 255, 255, 0.1)',
30    selectionMatch: 'rgba(255, 255, 255, 0.2)',
31    gutterBackground: 'transparent',
32    gutterForeground: '#999',
33    gutterBorder: 'transparent',
34    lineHighlight: 'rgba(255, 255, 255, 0.1)',
35  },
36  styles: [
37    { tag: t.labelName, color: '#CCCCCC' },
38    { tag: [t.atom, t.number], color: '#7A9EC2' },
39    { tag: [t.comment], color: '#707070' },
40    { tag: [t.string], color: '#6A8759' },
41    { tag: [t.variableName, t.operator], color: '#CCCCCC' },
42    { tag: [t.function(t.variableName), t.propertyName], color: '#FFC66D' },
43    { tag: [t.meta, t.className], color: '#FFC66D' },
44    { tag: [t.propertyName], color: '#FFC66D' },
45    { tag: [t.keyword], color: '#CC7832' },
46    { tag: [t.tagName], color: '#ff79c6' },
47    { tag: [t.typeName], color: '#ffb86c' },
48  ],
49});