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.end—bold
meta.embedded, source.groovy.embedded, variable.legacy.builtin.python#ffffff—
emphasis—italic
strong—bold
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.underline—underline
markup.bold#eeeeeebold
markup.heading#eeeeeebold
markup.italic—italic
markup.strikethrough—strikethrough
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—
Flawuldragon by Humbanew Project - VS Code Theme