@uiw/codemirror-theme-github/esm/index.js

Theme github for CodeMirror.

import _extends from "@babel/runtime/helpers/extends";
/**
 * @name github
 */
import { tags as t } from '@lezer/highlight';
import { createTheme } from '@uiw/codemirror-themes';
export var defaultSettingsGithubLight = {
  background: '#fff',
  foreground: '#24292e',
  selection: '#BBDFFF',
  selectionMatch: '#BBDFFF',
  gutterBackground: '#fff',
  gutterForeground: '#6e7781'
};
export var githubLightStyle = [{
  tag: [t.standard(t.tagName), t.tagName],
  color: '#116329'
}, {
  tag: [t.comment, t.bracket],
  color: '#6a737d'
}, {
  tag: [t.className, t.propertyName],
  color: '#6f42c1'
}, {
  tag: [t.variableName, t.attributeName, t.number, t.operator],
  color: '#005cc5'
}, {
  tag: [t.keyword, t.typeName, t.typeOperator, t.typeName],
  color: '#d73a49'
}, {
  tag: [t.string, t.meta, t.regexp],
  color: '#032f62'
}, {
  tag: [t.name, t.quote],
  color: '#22863a'
}, {
  tag: [t.heading, t.strong],
  color: '#24292e',
  fontWeight: 'bold'
}, {
  tag: [t.emphasis],
  color: '#24292e',
  fontStyle: 'italic'
}, {
  tag: [t.deleted],
  color: '#b31d28',
  backgroundColor: 'ffeef0'
}, {
  tag: [t.atom, t.bool, t.special(t.variableName)],
  color: '#e36209'
}, {
  tag: [t.url, t.escape, t.regexp, t.link],
  color: '#032f62'
}, {
  tag: t.link,
  textDecoration: 'underline'
}, {
  tag: t.strikethrough,
  textDecoration: 'line-through'
}, {
  tag: t.invalid,
  color: '#cb2431'
}];
export var githubLightInit = options => {
  var _ref = options || {},
    _ref$theme = _ref.theme,
    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
    _ref$settings = _ref.settings,
    settings = _ref$settings === void 0 ? {} : _ref$settings,
    _ref$styles = _ref.styles,
    styles = _ref$styles === void 0 ? [] : _ref$styles;
  return createTheme({
    theme: theme,
    settings: _extends({}, defaultSettingsGithubLight, settings),
    styles: [...githubLightStyle, ...styles]
  });
};
export var githubLight = githubLightInit();
export var defaultSettingsGithubDark = {
  background: '#0d1117',
  foreground: '#c9d1d9',
  caret: '#c9d1d9',
  selection: '#003d73',
  selectionMatch: '#003d73',
  lineHighlight: '#36334280'
};
export var githubDarkStyle = [{
  tag: [t.standard(t.tagName), t.tagName],
  color: '#7ee787'
}, {
  tag: [t.comment, t.bracket],
  color: '#8b949e'
}, {
  tag: [t.className, t.propertyName],
  color: '#d2a8ff'
}, {
  tag: [t.variableName, t.attributeName, t.number, t.operator],
  color: '#79c0ff'
}, {
  tag: [t.keyword, t.typeName, t.typeOperator, t.typeName],
  color: '#ff7b72'
}, {
  tag: [t.string, t.meta, t.regexp],
  color: '#a5d6ff'
}, {
  tag: [t.name, t.quote],
  color: '#7ee787'
}, {
  tag: [t.heading, t.strong],
  color: '#d2a8ff',
  fontWeight: 'bold'
}, {
  tag: [t.emphasis],
  color: '#d2a8ff',
  fontStyle: 'italic'
}, {
  tag: [t.deleted],
  color: '#ffdcd7',
  backgroundColor: 'ffeef0'
}, {
  tag: [t.atom, t.bool, t.special(t.variableName)],
  color: '#ffab70'
}, {
  tag: t.link,
  textDecoration: 'underline'
}, {
  tag: t.strikethrough,
  textDecoration: 'line-through'
}, {
  tag: t.invalid,
  color: '#f97583'
}];
export var githubDarkInit = options => {
  var _ref2 = options || {},
    _ref2$theme = _ref2.theme,
    theme = _ref2$theme === void 0 ? 'dark' : _ref2$theme,
    _ref2$settings = _ref2.settings,
    settings = _ref2$settings === void 0 ? {} : _ref2$settings,
    _ref2$styles = _ref2.styles,
    styles = _ref2$styles === void 0 ? [] : _ref2$styles;
  return createTheme({
    theme: theme,
    settings: _extends({}, defaultSettingsGithubDark, settings),
    styles: [...githubDarkStyle, ...styles]
  });
};
export var githubDark = githubDarkInit();