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.activeBorder#00f0ff
  • activityBar.background#000000
  • activityBar.foreground#00f0ff
  • activityBar.inactiveForeground#444444
  • editor.background#050505
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#101010
  • editor.selectionBackground#00f0ff20
  • editorCursor.foreground#00f0ff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#333333
  • sideBar.background#000000
  • sideBar.foreground#888888
  • sideBarSectionHeader.background#0a0a0a
  • sideBarSectionHeader.foreground#ffffff
  • statusBar.background#000000
  • statusBar.border#1a1a1a
  • statusBar.foreground#00f0ff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a505eitalic
keyword, storage.type, storage.modifier#ff0055bold
entity.name.function, support.function#00f0ffitalic
variable, meta.parameter#e0e0e0
string#00ff99
constant.numeric, constant.language#ffaa00
entity.name.tag#ff0055
entity.other.attribute-name#00f0ffitalic
Ez pro by Ezcodex - VS Code Theme