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#181818
  • activityBar.foreground#d7d7d7
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#282828
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • sideBar.background#1e1e1e
  • sideBar.foreground#cccccc
  • statusBar.background#181818
  • statusBar.foreground#cccccc
  • tab.activeBackground#1e1e1e
  • tab.inactiveBackground#2d2d2d
  • titleBar.activeBackground#181818
  • titleBar.activeForeground#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.modifier#cc7832
storage.type.primitive, storage.type.built-in.primitive#cc7832
entity.name.type, entity.name.class, entity.other.inherited-class, support.class, storage.type, support.type#ffc66d
entity.name.function, entity.name.method, meta.function-call, meta.method-call#ffc66d
variable, variable.other, variable.other.property, variable.other.constant, variable.other.readwrite, meta.definition.variable#529552
constant.numeric, constant.language#6897bb
string, string.quoted#6a8759
comment, comment.line, comment.block#808080italic
keyword.operator, punctuation.separator, punctuation.terminator, meta.brace, punctuation.definition.parameters#a9b7c6
Dark Clean by Corrovox - VS Code Theme