jevstrudel.git / packages / codemirror / themes / duotoneDark.mjs
1/*
2 * duotone
3 * author Bram de Haan
4 * by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes)
5 */
6import { tags as t } from '@lezer/highlight';
7import { createTheme } from './theme-helper.mjs';
8
9export const settings = {
10  background: '#2a2734',
11  lineBackground: '#2a273499',
12  foreground: '#eeebff',
13  muted: '#eeebff50',
14  caret: '#ffad5c',
15  selection: 'rgba(255, 255, 255, 0.1)',
16  gutterBackground: '#2a2734',
17  gutterForeground: '#545167',
18  lineHighlight: '#36334280',
19};
20
21export default createTheme({
22  theme: 'dark',
23  settings: {
24    background: '#2a2734',
25    foreground: '#6c6783',
26    muted: '#eeebff50',
27    caret: '#ffad5c',
28    selection: '#9a86fd',
29    selectionMatch: '#9a86fd',
30    gutterBackground: '#2a2734',
31    gutterForeground: '#545167',
32    lineHighlight: '#36334280',
33  },
34  styles: [
35    { tag: [t.comment, t.bracket, t.operator], color: '#6c6783' },
36    { tag: [t.atom, t.number, t.keyword, t.link, t.attributeName, t.quote], color: '#ffcc99' },
37    { tag: [t.emphasis, t.heading, t.tagName, t.propertyName, t.className, t.variableName], color: '#eeebff' },
38    { tag: [t.typeName, t.url], color: '#eeebff' },
39    { tag: t.string, color: '#ffb870' },
40    /* { tag: [t.propertyName], color: '#9a86fd' }, */
41    { tag: [t.propertyName], color: '#eeebff' },
42    { tag: t.labelName, color: '#eeebff' },
43  ],
44});