Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • editor.foreground#D4D4D4
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A7A7A—
keyword, entity.name.tag, storage, support.type.built-in, source.css support.type.property-name, source.css support.type.vendored.property-name, source.java keyword.control.new, source.shell support.function.builtin, source.makefile punctuation, source.makefile support.function.target, text.tex support.function#569CD6—
entity.other.attribute-name, keyword.operator.address, keyword.operator.sigil, punctuation.separator.pointer-access, storage.modifier.reference, storage.modifier.pointer#9CDCFE—
constant, keyword.other.unit#B5CEA8—
variable, entity.name.variable#D4D4D4—
source.css variable, source.makefile variable, source.shell variable#9CDCFE—
string#D69D85—
entity.name.type, entity.name.class, support.type, source.java storage.type, source.haskell storage.type#FFD700—
entity.name.function, entity.name.operator, support.function#FF8000—
keyword.control, source.rust keyword.operator.error-propagation#F1025B—
keyword.control.directive.include, keyword.control.include, keyword.control.preamble, source.java storage.modifier.package, source.go entity.name.package, source.haskell meta.declaration.module entity.name.namespace#A6F102—
support, support.type.property-name, support.type.vendored.property-name, variable.other.property, variable.other.object.property#9CDCFE—
entity.name.namespace, entity.name.scope-resolution#B5CEA8—
markup.underline—underline
markup.bold#569CD6bold
markup.heading#569CD6bold
markup.italic—italic
markup.inserted#B5CEA8—
markup.deleted#CE9178—
markup.changed#569CD6—
markup.inline.raw#CE9178—
punctuation.definition.quote.begin.markdown#6A9955—
punctuation.definition.list.begin.markdown#6796E6—
punctuation.definition.tag#808080—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#569CD6—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569CD6—
constant.regexp#646695—
string.regexp#D16969—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#CE9178—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#D16969—
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA—
keyword.operator.quantifier.regexp#D7BA7D—
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—
source.css support.constant#D4D4D4—
source.css entity.other.attribute-name.class#FFD700—
source.css entity.other.attribute-name.id#A6F102—
source.css entity.name.tag#569CD6—
source.css entity.name.tag#DA70D6—
source.haskell entity.name.namespace#D4D4D4—
source.java storage.modifier.import#D4D4D4—
source.rust storage.modifier.lifetime#A6F102—
Fruits Theme by W4RH4WK - VS Code Theme