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#364549
  • activityBarBadge.background#55C500
  • activityBarBadge.foreground#FFFFFF
  • editor.background#364549
  • editor.findMatchBackground#666666
  • editor.findMatchHighlightBackground#555555
  • editor.findRangeHighlightBackground#555555
  • editor.foreground#E3E3E3
  • editor.lineHighlightBackground#4C6166
  • editor.selectionBackground#4C6166
  • editorCursor.foreground#55C500
  • editorGroupHeader.tabsBackground#2C383A
  • editorLineNumber.foreground#AAAAAA
  • editorWhitespace.foreground#636363
  • list.activeSelectionBackground#576F75
  • list.focusBackground#576F75
  • list.hoverBackground#576F75
  • list.inactiveSelectionBackground#576F75
  • panel.background#415358
  • sideBar.background#415358
  • sideBar.border#415358
  • sideBar.foreground#E3E3E3
  • sideBarSectionHeader.background#364549
  • sideBarSectionHeader.foreground#E3E3E3
  • statusBar.background#55C500
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#364549
  • tab.border#364549
  • tab.inactiveBackground#2C383A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E3E3E3
comment#9DABAE
string#FF8095
constant.numeric#A980F5
constant.language#AE81FF
constant.character, constant.other#8BDF4C
variable
keyword#EBD247
storage#FF8095
storage.type#41B7D7italic
entity.name.class#8BDF4C
entity.other.inherited-class#8BDF4C
entity.name.function#8BDF4C
variable.parameter#83C3BB
entity.name.tag#FF8095
entity.other.attribute-name#8BDF4C
support.function#41B7D7
support.constant#41B7D7
support.type, support.class#41B7D7
support.other.variable
invalid#E3E3E3
invalid.deprecated#E3E3E3