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#636161
  • activityBar.border#8b0303
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • editor.background#ffffff
  • editor.lineHighlightBorder#f0f0f0
  • editorGroupHeader.tabsBackground#f5f5f5
  • editorGroupHeader.tabsBorder#e0e0e0
  • editorIndentGuide.activeBackground1#f70000
  • editorIndentGuide.background1#750909
  • menu.background#ffffff
  • sideBar.background#ffffff
  • sideBar.border#7a0101
  • sideBarSectionHeader.background#f5f5f5
  • sideBarSectionHeader.foreground#000000
  • statusBar.background#f5f5f5
  • statusBar.border#e0e0e0
  • statusBarItem.prominentBackground#007acc
  • tab.activeBackground#e0e0e0
  • tab.activeBorder#850a0a
  • tab.border#f5f5f5
  • tab.hoverBackground#cccccc
  • tab.inactiveBackground#b4b3b3
  • titleBar.activeBackground#ffffff
  • tree.indentGuidesStroke#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#333333
, source.groovy.embedded#666666
emphasisitalic
strongbold
header#000080
comment#6a9955
constant.language#569cd6
constant.numeric#b5cea8
constant.regexp#646695
entity.name.tag#800000
entity.name.function#795e26
variable.parameter#795e26
variable.other.readwrite#af9804
entity.name.tag.css#d16969
entity.other.attribute-name#795e26
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#795e26
invalid#d16969
markup.underlineunderline
markup.bold#000080bold
markup.heading#000080bold
markup.italicitalic
markup.inserted#6a9955
markup.deleted#b22222
markup.changed#569cd6
punctuation.definition.quote.begin.markdown#6a9955
punctuation.definition.list.begin.markdown#d16969
markup.inline.raw#d16969
punctuation.definition.tag#d16969
meta.preprocessor#000080
meta.preprocessor.string#795e26
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#000080
meta.diff.header#000080
storage#000080
storage.type#800000
storage.modifier#000080
string#d16969
string.tag#b22222
string.value#d16969
string.regexp#646695
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#000080
meta.template.expression#333333
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#d45555
keyword#000080
keyword.control#800000
keyword.operator#d16969
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#000080
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#000080
support.function.git-rebase#000080
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#333333
variable.language#000080