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.

  • activityBar.background#1f7231bb
  • editor.background#3d3d3d
  • editor.foreground#f8f8f2
  • editor.lineHighlightBackground#5e5e5e
  • editor.selectionBackground#5e5e5e
  • editorCursor.foreground#f8f8f2
  • editorGroupHeader.tabsBackground#1b1b1b
  • editorLineNumber.foreground#99A9B3
  • editorWhitespace.foreground#585858
  • input.background#3d3d3d
  • input.border#30be4f
  • list.focusBackground#414141
  • sideBar.background#2c2c2c
  • sideBar.border#000000
  • statusBar.background#b49920
  • statusBar.noFolderBackground#b49920
  • tab.activeBackground#333333
  • tab.inactiveBackground#292929
  • titleBar.activeBackground#ff0000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#f8f8f2ff—
comment#99A9B3italic
string#30be4f—
constant.numeric, constant.other#FFC83F—
constant.language#FFC83F—
unused.comment#99A9B3—
constant.character#FA5E5B—
variable#FA5E5B—
keyword#89BDE4—
keyword.operator#89BDE4—
storage#FF708Eitalic
storage.type#FF708Eitalic
storage.type.c#FF708E
entity.name.type.class, meta.class.instance.constructor#FFC83F—
tab.activeBackground#333333—
activityBar.background#242D38—
activityBar.background#242D38—
sideBar.background#2c3643—
input.background#242D38—
input.border#37404E—
list.focusBackground#215D8C—
tab.inactiveBackground#333333—
editorGroupHeader.tabsBackground#212934—
titleBar.activeBackground#242D38—
statusBar.background#3b444f—
entity.other.inherited-class#30be4f—
entity.name.function#288AD6
variable.parameter#FA5E5B—
variable.other#FA5E5B—
entity.name.tag#FA5E5B underline
entity.other.attribute-name#FFC83Fitalic
entity.other.attribute-name.id.html #288AD6bold
support.function#288AD6
support.constant#FA5E5B
support.type, support.class#FFC83Fitalic
support.other.variable#000000—
support.variable.property.dom.js#FA5E5B—
invalid#F8F8F0—
support.function#0fd8b9—
invalid.deprecated#F8F8F0—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—