1import { tags as t } from '@lezer/highlight';
2import { createTheme } from './theme-helper.mjs';
3
4export const settings = {
5  background: '#303841',
6  lineBackground: '#30384199',
7  foreground: '#FFFFFF',
8  muted: '#FFFFFF50',
9  caret: '#FBAC52',
10  selection: '#4C5964',
11  selectionMatch: '#3A546E',
12  gutterBackground: '#303841',
13  gutterForeground: '#FFFFFF70',
14  lineHighlight: '#00000059',
15};
16
17export default createTheme({
18  theme: 'dark',
19  settings: {
20    background: '#303841',
21    foreground: '#FFFFFF',
22    muted: '#FFFFFF50',
23    caret: '#FBAC52',
24    selection: '#4C5964',
25    selectionMatch: '#3A546E',
26    gutterBackground: '#303841',
27    gutterForeground: '#FFFFFF70',
28    lineHighlight: '#00000059',
29  },
30  styles: [
31    { tag: t.labelName, color: '#A2A9B5' },
32    { tag: [t.meta, t.comment], color: '#A2A9B5' },
33    { tag: [t.attributeName, t.keyword], color: '#B78FBA' },
34    { tag: t.function(t.variableName), color: '#5AB0B0' },
35    { tag: [t.string, t.regexp, t.attributeValue], color: '#99C592' },
36    { tag: t.operator, color: '#f47954' },
37    // { tag: t.moduleKeyword, color: 'red' },
38    { tag: [t.tagName, t.modifier], color: '#E35F63' },
39    { tag: [t.number, t.definition(t.tagName), t.className, t.definition(t.variableName)], color: '#fbac52' },
40    { tag: [t.atom, t.bool, t.special(t.variableName)], color: '#E35F63' },
41    { tag: t.variableName, color: '#539ac4' },
42    { tag: [t.propertyName, t.typeName], color: '#629ccd' },
43    { tag: t.propertyName, color: '#36b7b5' },
44  ],
45});