1import { tags as t } from '@lezer/highlight';
2import { createTheme } from './theme-helper.mjs';
3
4export const settings = {
5  light: true,
6  background: '#fff',
7  lineBackground: '#ffffff99',
8  foreground: '#3D3D3D',
9  muted: '#3D3D3D50',
10  selection: '#BBDFFF',
11  selectionMatch: '#BBDFFF',
12  gutterBackground: '#fff',
13  gutterForeground: '#AFAFAF',
14  lineHighlight: '#EDF4FF',
15};
16
17export default createTheme({
18  theme: 'light',
19  settings: {
20    background: '#fff',
21    foreground: '#3D3D3D',
22    muted: '#3D3D3D50',
23    selection: '#BBDFFF',
24    selectionMatch: '#BBDFFF',
25    gutterBackground: '#fff',
26    gutterForeground: '#AFAFAF',
27    lineHighlight: '#d5e6ff69',
28  },
29  styles: [
30    { tag: [t.comment, t.quote], color: '#707F8D' },
31    { tag: [t.typeName, t.typeOperator], color: '#aa0d91' },
32    { tag: [t.keyword], color: '#aa0d91', fontWeight: 'bold' },
33    { tag: [t.string, t.meta], color: '#D23423' },
34    { tag: [t.name], color: '#032f62' },
35    { tag: [t.typeName], color: '#522BB2' },
36    { tag: [t.variableName], color: '#23575C' },
37    { tag: [t.definition(t.variableName)], color: '#327A9E' },
38    { tag: [t.regexp, t.link], color: '#0e0eff' },
39  ],
40});