mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-10 21:28:31 +00:00
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
/**
|
|
* @name Atom One
|
|
* Atom One dark syntax theme
|
|
*
|
|
* https://github.com/atom/one-dark-syntax
|
|
*/
|
|
import { tags as t } from '@lezer/highlight';
|
|
import { createTheme } from './theme-helper.mjs';
|
|
const deepPurple = '#5c019a'
|
|
const yellowPink = '#fbeffc'
|
|
const grey = '#272C35'
|
|
const pinkAccent ="#fee1ff"
|
|
const lightGrey = '#465063'
|
|
const bratGreen = "#9acd3f"
|
|
const lighterGrey = "#97a1b7"
|
|
const pink = '#f6a6fd'
|
|
|
|
export const settings = {
|
|
background: 'white',
|
|
lineBackground: 'transparent',
|
|
foreground: deepPurple,
|
|
caret: '#797977',
|
|
selection: yellowPink,
|
|
selectionMatch: '#2B323D',
|
|
gutterBackground: grey,
|
|
gutterForeground: lightGrey,
|
|
gutterBorder: 'transparent',
|
|
lineHighlight: pinkAccent,
|
|
};
|
|
|
|
export default createTheme({
|
|
theme: 'light',
|
|
settings,
|
|
styles: [
|
|
{
|
|
tag: [t.function(t.variableName), t.function(t.propertyName), t.url, t.processingInstruction],
|
|
color: deepPurple,
|
|
},
|
|
{ tag: [t.tagName, t.heading], color: settings.foreground },
|
|
{ tag: t.comment, color: lighterGrey },
|
|
{ tag: [t.variableName, t.propertyName, t.labelName], color: pink },
|
|
{ tag: [t.attributeName, t.number], color: 'hsl( 29, 54%, 61%)' },
|
|
{ tag: t.className, color: grey },
|
|
{ tag: t.keyword, color: deepPurple },
|
|
{ tag: [t.string, t.regexp, t.special(t.propertyName)], color: bratGreen },
|
|
],
|
|
});
|