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.

  • breadcrumb.background#282828
  • editor.background#282828
  • editor.foreground#d8d8d8
  • editor.lineHighlightBackground#222222
  • editorGroupHeader.tabsBackground#181818
  • editorIndentGuide.background#434343
  • editorLineNumber.foreground#545454
  • scrollbar.shadow#0006
  • sideBarTitle.foreground#bbbbbb
  • tab.activeBackground#282828
  • tab.border#00000020
  • tab.inactiveBackground#181818
  • titleBar.activeBackground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.control, keyword.other.special-method, variable.language.this, variable.language.self, markup.bold.markdown punctuation.definition, markup.italic.markdown punctuation.definition, markup.list.unnumbered punctuation.definition.list.begin, constant.language.boolean, constant.language.null, constant.language.undefined#a47b9c
string, markup.inline.raw.string, fenced_code.block.language#f4c98b
entity.name.function, variable.language.super, support.function.console, string.other.link.title.markdown#81adbd
entity.name.type, entity.name.type.class, entity.name.tag, support.class, constant.numeric, source.ruby variable.other.constant, support.type.primitive#d7965b
constant.other.symbol, entity.other.attribute-name, meta.object-literal.key, variable.other.env, source.yaml entity.name.tag, markup.list.numbered punctuation.definition.list.begin, variable.other.normal.shell#9faf72
constant.other.symbol punctuation, punctuation.section.embedded, punctuation.separator.key-value, constant.character.escape, entity.other.inherited-class, punctuation.definition.raw, punctuation.definition.heading.markdown, markup.fenced_code.block punctuation.definition.markdown, variable.other.normal.shell punctuation.definition.variable#9b6a4c
string.regexp, support.class.console, source.yaml variable.other.alias, entity.name.type.interface#8bbcb6
variable.other.readwrite.instance#b85042
comment#585858
variable, source.js variable.other.constant#d8d8d8
keyword.other.debugger#dd0000bold
entity.name.section.markdown#d7965bbold
markup.italic.markdownitalic
markup.bold.markdownbold