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.

  • activityBar.background#191919
  • editor.background#191919
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#222222
  • editor.selectionBackground#333333
  • editorCursor.foreground#FFFFFF
  • editorIndentGuide.activeBackground#555555
  • editorIndentGuide.background#333333
  • editorWhitespace.foreground#444444
  • sideBar.background#191919
  • sideBarTitle.foreground#FFFFFF
  • statusBar.background#191919
  • statusBar.foreground#FFFFFF
  • terminal.background#191919
  • terminal.foreground#FFFFFF
  • titleBar.activeBackground#191919
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#191919
  • titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#5C6370italic
constant, entity.name.constant, variable.other.constant, variable.language#D19A66
variable, string constant.other.placeholder, source.json meta.structure.dictionary.value.json string, variable.other#E06C75
keyword, storage.type, storage.modifier#C678DD
string#98C379
support.function#61AFEF
entity.name.function#61AFEF
entity.name.tag#E06C75
variable.parameter#D19A66
entity.name.type#E06C75
cw0x clean by cw0x - VS Code Theme