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#0e0e0e
  • activityBar.border#2f0101
  • activityBarBadge.background#FF0000
  • activityBarBadge.foreground#FFFFFF
  • editor.background#0e0e0e
  • editor.lineHighlightBorder#0f0f0f
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#151515
  • editorIndentGuide.activeBackground1#ff0000
  • editorIndentGuide.background1#1b0000
  • menu.background#000000
  • sideBar.background#0e0e0e
  • sideBar.border#570101
  • sideBarSectionHeader.background#2d0000
  • sideBarSectionHeader.foreground#FFFFFF
  • statusBar.background#000000
  • statusBar.border#101010
  • statusBarItem.prominentBackground#FF0000
  • tab.activeBackground#170000
  • tab.activeBorder#bb0000
  • tab.border#0e0e0e
  • tab.hoverBackground#32000055
  • tab.inactiveBackground#0e0e0e
  • titleBar.activeBackground#000000
  • tree.indentGuidesStroke#590101

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4
, source.groovy.embedded#e0d4d4
emphasisitalic
strongbold
header#000080
comment#b8a83f
constant.language#569cd6
constant.numeric#7abef3
constant.regexp#646695
entity.name.tag#ef1e4f
entity.name.function#f0668b
variable.parameter#f0668b
variable.other.readwrite#af9804
entity.name.tag.css#ad7b10
entity.other.attribute-name#69a6eb
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#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#ec5b5b
markup.inline.raw#ce9178
punctuation.definition.tag#e87676
meta.preprocessor#569cd6
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#569cd6
storage#569cd6
storage.type#ef2323
storage.modifier#569cd6
string#ce788f
string.tag#ce9178
string.value#ce9178
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#569cd6
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#d45555
keyword#569cd6
keyword.control#c72b2b
keyword.operator#dcd105
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#569cd6
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569cd6
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#569cd6