Skip to main content
Coding Theme

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
Base16 Material Theme by polakowski - VS Code Theme