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#191919
  • button.background#303030
  • contrastBorder#3b3b3b
  • dropdown.background#191919
  • dropdown.border#3b3b3b
  • dropdown.listBackground#191919
  • editor.background#191919
  • editor.foreground#dac8be
  • editor.selectionBackground#066c8b73
  • editorGroupHeader.tabsBackground#191919
  • focusBorder#efb139
  • foreground#dac8be
  • menu.background#191919
  • menu.border#3b3b3b
  • notifications.background#191919
  • notifications.border#3b3b3b
  • panel.background#191919
  • peekViewEditor.matchHighlightBackground#518a07
  • peekViewResult.background#191919
  • scrollbar.shadow#00000000
  • selection.background#2b91af
  • sideBar.background#191919
  • statusBar.background#191919
  • tab.inactiveBackground#0c0c0c
  • titleBar.activeBackground#191919
  • titleBar.border#3b3b3b
  • titleBar.inactiveBackground#363636
  • widget.shadow#00000025

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#435d3c
string#c56d6d
constant.numeric#a183d8
constant.language#efb139
constant.character, constant.other#a183d8
variable
keyword#efb139
storage#efb139
storage.type#efb139
entity.name.class, entity.name.type, entity.name.type.class.templated#2b91af
entity.other.inherited-class#2b91af
entity.name.function#de595c
variable.parameter#808080
entity.name.tag#efb139
entity.other.attribute-name#efb139
support.function#30bbab
support.constant#30bbab
support.type, support.class#2b91af
support.other.variable
invalid#FF0D31
invalid.deprecated#dd854b
entity.name.namespace#30bbab
entity.name.function.call#30bbab
entity.name.function.member#de595c
keyword.operator#dac8be
variable.other.enummember#e45382
entity.name.function.member.static#30bbab
variable.other.variable#dd854b
keyword.operator.cast#efb139
keyword.other.unit.suffix#a183d8
variable.other.property#c9acb4
lemon blood by kepler0 - VS Code Theme