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#120B25
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#FF007C
  • activityBarBadge.foreground#FFFFFF
  • editor.background#0A0A1A
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#120B25
  • editor.selectionBackground#7A3BFF55
  • editor.selectionHighlightBackground#FF6FAE33
  • editorCursor.foreground#FF007C
  • editorLineNumber.foreground#7A3BFF
  • sideBar.background#0A0A1A
  • sideBar.foreground#BFBFBF
  • sideBarSectionHeader.background#120B25
  • statusBar.background#120B25
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#1D0C33
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#0A0A1A
  • tab.inactiveForeground#7A3BFF
  • titleBar.activeBackground#0A0A1A
  • titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6272A4italic
string, string.quoted, string.template#F1FA8C
string.regexp, string.other.link#8BE9FD
keyword, keyword.control, keyword.operator.new, keyword.other.import, keyword.other.package#FF79C6
keyword.operator, punctuation.separator, punctuation.terminator#F8F8F2
variable, variable.other, variable.parameter, meta.definition.variable#F8F8F2
variable.language.this, variable.language.super, constant.language#BD93F9italic
entity.name.function, meta.function-call, support.function#50FA7B
entity.name.class, entity.name.type.class, support.class#8BE9FDitalic
entity.name.type, storage.type.primitive, support.type#8BE9FDitalic
storage.type, storage.modifier#FF79C6
constant.numeric, constant.numeric.integer, constant.numeric.float#BD93F9
constant.other, constant.character.escape#BD93F9
entity.other.attribute-name, entity.other.attribute-name.html#50FA7B
entity.name.tag, entity.name.tag.html#FF79C6
punctuation.definition.tag, punctuation.definition.tag.html#F8F8F2
support.constant, meta.property-name#8BE9FD
invalid, invalid.illegal#FF5555underline
markup.heading#FF79C6bold
markup.italic#F1FA8Citalic
markup.bold#FFB86Cbold
Xebia by Emanuele Bartolesi - VS Code Theme