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.underlineunderline
markup.bold#569CD6bold
markup.heading#569CD6bold
markup.italicitalic
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