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#000000
  • button.background#008DDA
  • editor.background#000000
  • editor.foreground#ffffff
  • editor.selectionBackground#60daff47
  • editorCursor.foreground#F8F8F0
  • editorGroupHeader.tabsBackground#000000
  • editorWidget.background#0F0F0F
  • input.background#000000
  • list.activeSelectionBackground#10336b
  • list.focusBackground#100F0F
  • list.hoverBackground#100F0F
  • list.inactiveSelectionBackground#100F0F
  • menu.background#0F0F0F
  • menu.border#434242
  • sideBar.background#000000
  • sideBar.border#595151
  • sideBarSectionHeader.background#000000
  • statusBar.background#10336b
  • tab.activeBackground#000000
  • tab.inactiveBackground#000000
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#f2e5bc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment#1f99a4
string#a7c522
constant.numeric#00a6ff
constant.language#5900ff
constant.character, constant.other#5900ff
variable#ffffff
keyword#ffe600
storage#ffe600
storage.type#ff0000italic
entity.name.class#ff8800
entity.other.inherited-class#00c8ff
entity.name.function#0084ff
variable.parameter#ffffffitalic
entity.name.tag#fff700
entity.other.attribute-name#009dff
support.function#bb00ff
support.constant#ff00aa
support.type, support.class#66D9EFitalic
support.other.variable
invalid#ff0000
invalid.deprecated#ffaa00