defaultHighlightStyle top-level property

HighlightStyle defaultHighlightStyle
final

A default highlight style (works well with light themes).

Implementation

final HighlightStyle defaultHighlightStyle = HighlightStyle.define([
  TagStyle(tag: Tags.meta, className: 'cm-meta'),
  TagStyle(tag: Tags.link, className: 'cm-link'),
  TagStyle(tag: Tags.heading, className: 'cm-heading'),
  TagStyle(tag: Tags.emphasis, className: 'cm-emphasis'),
  TagStyle(tag: Tags.strong, className: 'cm-strong'),
  TagStyle(tag: Tags.strikethrough, className: 'cm-strikethrough'),
  TagStyle(tag: Tags.keyword, className: 'cm-keyword'),
  TagStyle(tag: [Tags.atom, Tags.bool_, Tags.url, Tags.contentSeparator, Tags.labelName], className: 'cm-atom'),
  TagStyle(tag: [Tags.literal, Tags.inserted], className: 'cm-literal'),
  TagStyle(tag: [Tags.string, Tags.deleted], className: 'cm-string'),
  TagStyle(tag: [Tags.regexp, Tags.escape, Tags.special(Tags.string)], className: 'cm-string2'),
  TagStyle(tag: Tags.definition(Tags.variableName), className: 'cm-def'),
  TagStyle(tag: Tags.local(Tags.variableName), className: 'cm-variable-2'),
  TagStyle(tag: [Tags.typeName, Tags.namespace], className: 'cm-type'),
  TagStyle(tag: Tags.className, className: 'cm-class'),
  TagStyle(tag: [Tags.special(Tags.variableName), Tags.macroName], className: 'cm-variable-3'),
  TagStyle(tag: Tags.definition(Tags.propertyName), className: 'cm-property'),
  TagStyle(tag: Tags.comment, className: 'cm-comment'),
  TagStyle(tag: Tags.invalid, className: 'cm-invalid'),
  // Function calls
  TagStyle(tag: Tags.function(Tags.variableName), className: 'cm-function'),
  TagStyle(tag: Tags.function(Tags.propertyName), className: 'cm-function'),
  // Numbers
  TagStyle(tag: Tags.number, className: 'cm-number'),
  // Operators and punctuation
  TagStyle(tag: Tags.operator, className: 'cm-operator'),
  TagStyle(tag: Tags.punctuation, className: 'cm-punctuation'),
  TagStyle(tag: Tags.paren, className: 'cm-paren'),
  TagStyle(tag: Tags.squareBracket, className: 'cm-squareBracket'),
  TagStyle(tag: Tags.brace, className: 'cm-brace'),
  TagStyle(tag: Tags.separator, className: 'cm-separator'),
  // Properties
  TagStyle(tag: Tags.propertyName, className: 'cm-propertyName'),
  // Variables
  TagStyle(tag: Tags.variableName, className: 'cm-variableName'),
  // JSX/HTML tags
  TagStyle(tag: Tags.tagName, className: 'cm-tagName'),
  TagStyle(tag: Tags.angleBracket, className: 'cm-angleBracket'),
  TagStyle(tag: Tags.attributeName, className: 'cm-attributeName'),
  TagStyle(tag: Tags.attributeValue, className: 'cm-attributeValue'),
  TagStyle(tag: Tags.content, className: 'cm-content'),
]);