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.

  • activityBar.background#161616
  • activityBar.border#00000000
  • activityBar.foreground#ffffff
  • activityBarBadge.background#770000
  • badge.background#770000
  • badge.foreground#e9e9e9
  • button.background#770000
  • button.hoverBackground#500000
  • editor.background#1d1d1d
  • editor.foreground#e9e9e9
  • editor.inactiveSelectionBackground#3A3D41
  • editor.lineHighlightBackground#00000044
  • editor.lineHighlightBorder#00000000
  • editor.selectionHighlightBackground#ADD6FF26
  • editor.selectionHighlightBorder#00000000
  • editorCursor.foreground#ff0000
  • editorGroup.border#00000000
  • editorGroupHeader.tabsBackground#161616
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#40404000
  • editorOverviewRuler.border#00000000
  • focusBorder#00000000
  • input.placeholderForeground#A6A6A6
  • list.activeSelectionBackground#77000070
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3d3838
  • list.inactiveSelectionBackground#77000035
  • list.inactiveSelectionForeground#ffffff
  • menu.background#161616
  • menu.foreground#e9e9e9
  • panel.background#161616
  • panel.border#440000
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#500000
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBar.background#202020
  • sideBar.border#00000000
  • sideBar.foreground#c7c7c7
  • sideBarTitle.foreground#ffffff
  • statusBar.background#770000
  • titleBar.activeBackground#161616
  • titleBar.activeForeground#e9e9e9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
comment#00aa00
constant.language#0070ff
constant.numeric#79cc4d
constant.regexp#2a2d91
entity.name.tag#0070ff
entity.name.tag.css#ff4242
entity.other.attribute-name#ff4242
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#ff4242
invalid#ff1f1f
markup.underlineunderline
markup.bold#0070ffbold
markup.heading#0070ffbold
markup.italicitalic
markup.inserted#79cc4d
markup.deleted#ff8555
markup.changed#0070ff
punctuation.definition.quote.begin.markdown#00aa00
punctuation.definition.list.begin.markdown#2568db
markup.inline.raw#ff8555
punctuation.definition.tag#0070ff
meta.preprocessor#0070ff
meta.preprocessor.string#ff8555
meta.preprocessor.numeric#79cc4d
meta.structure.dictionary.key.python#00c3ff
meta.diff.header#0070ff
storage#0070ff
storage.type#0070ff
storage.modifier#0070ff
string#ff8555
string.tag#ff8555
string.value#ff8555
string.regexp#cf2525
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0070ff
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#00c3ff
keyword#0070ff
keyword.control#0070ff
keyword.operator#d4d4d4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#0070ff
keyword.other.unit#79cc4d
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#0070ff
support.function.git-rebase#00c3ff
constant.sha.git-rebase#79cc4d
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#0070ff
entity.name.function, support.function, support.constant.handlebars#ffff64
meta.return-type, support.class, support.type, entity.name.type, 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#00ffcc
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#00ffcc
keyword.control#ff4242
variable, meta.definition.variable.name, support.variable, entity.name.variable#00c3ff
meta.object-literal.key#00c3ff
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#ff8555
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#ff8555
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#cf2525
keyword.operator.or.regexp, keyword.control.anchor.regexp#ffff64
keyword.operator.quantifier.regexp#ff4242
constant.character#0070ff
constant.character.escape#ff4242