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.

  • actionBar.toggledBackground#444444
  • activityBarBadge.background#444444
  • badge.background#444444
  • button.background#444444
  • button.foreground#ffffff
  • contrastActiveBorder#cfcfcf
  • contrastBorder#cfcfcf
  • editor.lineHighlightBorder#cfcfcf
  • editorBracketHighlight.foreground1#ffffff
  • editorBracketHighlight.foreground2#eeeeee
  • editorBracketHighlight.foreground3#dddddd
  • editorBracketHighlight.foreground4#cccccc
  • editorBracketHighlight.foreground5#bbbbbb
  • editorBracketHighlight.foreground6#aaaaaa
  • editorIndentGuide.activeBackground1#ffffff55
  • editorIndentGuide.activeBackground2#eeeeee55
  • editorIndentGuide.activeBackground3#dddddd55
  • editorIndentGuide.activeBackground4#cccccc55
  • editorIndentGuide.activeBackground5#bbbbbb55
  • editorIndentGuide.activeBackground6#aaaaaa55
  • statusBar.background#000000
  • statusBar.foreground#ffffff
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.language.boolean, constant.boolean#eeeeeebold
comment#999999bold italic
punctuation.definition.group.begin, punctuation.definition.group.end, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.object.begin, punctuation.definition.object.endbold
meta.embedded, source.groovy.embedded, variable.legacy.builtin.python#ffffff
emphasisitalic
strongbold
meta.diff.header#eeeeee
comment#dddddd
constant.language#eeeeee
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#ddddddbold
constant.regexp#dddddd
entity.name.tag#ddddddbold
entity.name.selector#eeeeee
entity.other.attribute-name#cccccc
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#eeeeee
invalid#eeeeee
markup.underlineunderline
markup.bold#eeeeeebold
markup.heading#eeeeeebold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#dddddd
markup.deleted#dddddd
markup.changed#dddddd
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#ddddddbold
markup.inline.raw#eeeeee
punctuation.definition.tag#eeeeee
meta.preprocessor, entity.name.function.preprocessor#eeeeee
meta.preprocessor.string#eeeeee
meta.preprocessor.numeric#dddddd
meta.structure.dictionary.key.python#dddddd
storage#cfcfcfbold italic
storage.type#eeeeee
storage.modifier, keyword.operator.noexcept#eeeeee
string, meta.embedded.assembly#eeeeeebold underline
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#eeeeeebold
string.regexp#dddddd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#eeeeee
meta.template.expression#eeeeee
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#dddddd
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#dddddd
support.type.property-name.json#dddddd
keyword#eeeeeebold
keyword.control#eeeeeebold
keyword.operator#eeeeee
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#bbbbbbbold
keyword.other.unit#bbbbbbitalic
punctuation.section.embedded.end.php#aaaaaa
support.function.git-rebase#ffffff
constant.sha.git-rebase#eeeeee
variable.language.wildcard.java, storage.modifier.package.java#dddddd
variable.language#cccccc
support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#bbbbbb
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#dddddd
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#dddddd
keyword.control, source.cpp keyword.operator.new, source.cpp keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#bfbfbf
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#eeeeee
variable.other.constant, variable.other.enummember#dddddd
meta.object-literal.key#eeeeee
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#dddddd
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#dddddd
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#dddddd
keyword.operator.quantifier.regexp#eeeeee
keyword.operator.or.regexp, keyword.control.anchor.regexp#eeeeee
constant.character#eeeeee
constant.character.escape#eeeeee
entity.name.label#eeeeee
token.info-token#dddddd
token.warn-token#dddddd
token.error-token#dddddd
token.debug-token#dddddd