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.activeBorder#bd93f9
  • activityBar.background#282a36
  • activityBar.foreground#bd93f9
  • activityBarBadge.background#bd93f9
  • activityBarBadge.foreground#000000
  • badge.background#bd93f9
  • badge.foreground#000000
  • editor.background#14151b13
  • editor.foreground#ede2fd
  • input.border#bd93f9
  • scrollbarSlider.background#bd93f9
  • scrollbarSlider.hoverBackground#938a96
  • sideBar.background#282a36
  • sideBar.foreground#ffffffc2
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#bd93f9
  • statusBar.background#282a36
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#282a36
  • tab.activeBackground#282a36
  • tab.activeForeground#bd93f9
  • tab.hoverBorder#bd93f9
  • tab.inactiveForeground#ffffffb0
  • titleBar.activeBackground#282a36
  • titleBar.activeForeground#bd93f9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage.type.function italic
entity.name.function, meta.method-call.java, text entity.other, meta.object-literal.key#bd93f9bold
source.java entity#ffffffitalic
storage.type#aafcdd
keyword.control, keyword.operator.expression, keyword.other,entity.name#fff1c3
comment#7a7a7aitalic
variable.parameter, variable.other.property#b3baff
string#80afab
constant.language, constant.numeric, variable.language.this, variable.language.java, source.java storage.modifier, text.xml entity.name.tag.namespace, text markup, text entity.other.attribute-name.namespace#b3baff italic
source.java constant, variable.other.constant, keyword.control.export.ts#BD73FFbold
meta.object-literal.key string.quoted, support.type.property-name.json#bd93f9italic
meta.paragraph.markdown#B9B9B9
support.function, support.variable.property#C586E0 italic
keyword.operator#7de6e4
property#7d6eff
keyword.operator.new#6685FF
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b3baff
entity.name.tag#b3baffbold
Lavender by penrodlol - VS Code Theme