1import { tags as t } from '@lezer/highlight';
2import { createTheme } from './theme-helper.mjs';
3
4export const settings = {
5  light: true,
6  background: '#f2f1f8',
7  lineBackground: '#f2f1f899',
8  foreground: '#0c006b',
9  muted: '#0c006b50',
10  caret: '#5c49e9',
11  selection: '#d5d1f2',
12  selectionMatch: '#d5d1f2',
13  gutterBackground: '#f2f1f8',
14  gutterForeground: '#0c006b70',
15  lineHighlight: '#e1def3',
16};
17
18export default createTheme({
19  theme: 'light',
20  settings: {
21    background: '#f2f1f8',
22    foreground: '#0c006b',
23    muted: '#0c006b50',
24    caret: '#5c49e9',
25    selection: '#d5d1f2',
26    selectionMatch: '#d5d1f2',
27    gutterBackground: '#f2f1f8',
28    gutterForeground: '#0c006b70',
29    lineHighlight: '#16067911',
30  },
31  styles: [
32    { tag: t.comment, color: '#9995b7' },
33    {
34      tag: t.keyword,
35      color: '#ff5792',
36      fontWeight: 'bold',
37    },
38    { tag: [t.definitionKeyword, t.modifier], color: '#ff5792' },
39    { tag: [t.className, t.tagName, t.definition(t.typeName)], color: '#0094f0' },
40    { tag: [t.number, t.bool, t.null, t.special(t.brace)], color: '#5842ff' },
41    { tag: [t.definition(t.propertyName), t.function(t.variableName)], color: '#0095a8' },
42    { tag: t.typeName, color: '#b3694d' },
43    { tag: [t.propertyName, t.variableName], color: '#fa8900' },
44    { tag: t.operator, color: '#ff5792' },
45    { tag: t.self, color: '#e64100' },
46    { tag: [t.string, t.regexp], color: '#00b368' },
47    { tag: [t.paren, t.bracket], color: '#0431fa' },
48    { tag: t.labelName, color: '#00bdd6' },
49    { tag: t.attributeName, color: '#e64100' },
50    { tag: t.angleBracket, color: '#9995b7' },
51  ],
52});