thememirror
Version:
Beautiful themes for CodeMirror
58 lines (57 loc) • 1.33 kB
JavaScript
import { tags as t } from '@lezer/highlight';
import createTheme from '../create-theme.js';
// Author: Rosé Pine
export const rosePineDawn = createTheme({
variant: 'light',
settings: {
background: '#faf4ed',
foreground: '#575279',
caret: '#575279',
selection: '#6e6a8614',
gutterBackground: '#faf4ed',
gutterForeground: '#57527970',
lineHighlight: '#6e6a860d',
},
styles: [
{
tag: t.comment,
color: '#9893a5',
},
{
tag: [t.bool, t.null],
color: '#286983',
},
{
tag: t.number,
color: '#d7827e',
},
{
tag: t.className,
color: '#d7827e',
},
{
tag: [t.angleBracket, t.tagName, t.typeName],
color: '#56949f',
},
{
tag: t.attributeName,
color: '#907aa9',
},
{
tag: t.punctuation,
color: '#797593',
},
{
tag: [t.keyword, t.modifier],
color: '#286983',
},
{
tag: [t.string, t.regexp],
color: '#ea9d34',
},
{
tag: t.variableName,
color: '#d7827e',
},
],
});