@uiw/codemirror-theme-vscode
Version:
Theme vscode for CodeMirror.
85 lines • 2.32 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
/**
* https://github.com/uiwjs/react-codemirror/issues/409
*/
import { tags as t } from '@lezer/highlight';
import { createTheme } from '@uiw/codemirror-themes';
export var defaultSettingsVscodeDark = {
background: '#1e1e1e',
foreground: '#9cdcfe',
caret: '#c6c6c6',
selection: '#6199ff2f',
selectionMatch: '#72a1ff59',
lineHighlight: '#ffffff0f',
gutterBackground: '#1e1e1e',
gutterForeground: '#838383',
gutterActiveForeground: '#fff',
fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace'
};
export var vscodeDarkStyle = [{
tag: [t.keyword, t.operatorKeyword, t.modifier, t.color, t.constant(t.name), t.standard(t.name), t.standard(t.tagName), t.special(t.brace), t.atom, t.bool, t.special(t.variableName)],
color: '#569cd6'
}, {
tag: [t.controlKeyword, t.moduleKeyword],
color: '#c586c0'
}, {
tag: [t.name, t.deleted, t.character, t.macroName, t.propertyName, t.variableName, t.labelName, t.definition(t.name)],
color: '#9cdcfe'
}, {
tag: t.heading,
fontWeight: 'bold',
color: '#9cdcfe'
}, {
tag: [t.typeName, t.className, t.tagName, t.number, t.changed, t.annotation, t.self, t.namespace],
color: '#4ec9b0'
}, {
tag: [t.function(t.variableName), t.function(t.propertyName)],
color: '#dcdcaa'
}, {
tag: [t.number],
color: '#b5cea8'
}, {
tag: [t.operator, t.punctuation, t.separator, t.url, t.escape, t.regexp],
color: '#d4d4d4'
}, {
tag: [t.regexp],
color: '#d16969'
}, {
tag: [t.special(t.string), t.processingInstruction, t.string, t.inserted],
color: '#ce9178'
}, {
tag: [t.angleBracket],
color: '#808080'
}, {
tag: t.strong,
fontWeight: 'bold'
}, {
tag: t.emphasis,
fontStyle: 'italic'
}, {
tag: t.strikethrough,
textDecoration: 'line-through'
}, {
tag: [t.meta, t.comment],
color: '#6a9955'
}, {
tag: t.link,
color: '#6a9955',
textDecoration: 'underline'
}, {
tag: t.invalid,
color: '#ff0000'
}];
export function vscodeDarkInit(options) {
var {
theme = 'dark',
settings = {},
styles = []
} = options || {};
return createTheme({
theme: theme,
settings: _extends({}, defaultSettingsVscodeDark, settings),
styles: [...vscodeDarkStyle, ...styles]
});
}
export var vscodeDark = vscodeDarkInit();