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#1a4c37
  • activityBar.border#4cb88a
  • activityBar.foreground#4cb88a
  • activityBarBadge.background#ec8618
  • activityBarBadge.foreground#ffffff
  • editor.background#f9f6f0
  • editor.foreground#333333
  • sideBar.background#f9f6f0
  • sideBar.border#4cb88a
  • sideBar.foreground#595143
  • sideBarSectionHeader.background#1a4c37
  • sideBarSectionHeader.border#4cb88a
  • sideBarSectionHeader.foreground#4cb88a
  • sideBarTitle.foreground#1a4c37
  • statusBar.background#4cb88a
  • statusBar.foreground#1a4c37
  • statusBar.noFolderBackground#4cb88a
  • statusBar.noFolderForeground#1a4c37

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#999988
string#e6482c
constant.numeric#009999
constant.language#595143bold
constant.character, constant.other#008080
variable#008080
keyword#595143bold
storage#595143bold
storage.type#595143bold
entity.name.type.class#445588bold
entity.other.inherited-class#595143
entity.name.function#990000bold
variable.parameter#FD971Fbold
entity.name.tag#445588bold
entity.other.attribute-name#595143bold
support.function#990000bold
support.constant#ec8618
support.type, support.class#595143
support.other.variable#FF0000bold
invalid#F92672bold
invalid.deprecated#FF0000bold
PSR Theme by Bruno Bandeira - VS Code Theme