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#1a1b2e
  • activityBar.foreground#B2FFEF
  • activityBarBadge.background#FFB3E6
  • editor.background#0A0B11
  • editor.foreground#E0F7FA
  • editor.inactiveSelectionBackground#2b213a55
  • editor.selectionBackground#301a3a88
  • editorBracketHighlight.foreground1#FF9CF9
  • editorBracketHighlight.foreground2#9BF9FF
  • editorBracketHighlight.foreground3#F2FF9B
  • editorBracketHighlight.foreground4#FFADAD
  • editorBracketHighlight.foreground5#9EFFFF
  • editorBracketHighlight.foreground6#FFDF9E
  • editorCursor.foreground#CFFFE5
  • editorIndentGuide.activeBackground#3c4461
  • editorIndentGuide.background#2a2b3c
  • editorLineHighlightBackground#1b1c29
  • editorLineNumber.activeForeground#FCE4EC
  • editorLineNumber.foreground#6DD3F3
  • list.activeSelectionBackground#3A2F4C
  • list.activeSelectionForeground#FFFFFF
  • list.hoverBackground#272839
  • list.inactiveSelectionBackground#2C2539
  • list.inactiveSelectionForeground#B2EBF2
  • sideBar.background#11111B
  • sideBar.border#E27DE8
  • sideBar.foreground#EBFFFC
  • sideBarSectionHeader.background#1D1D2C
  • sideBarSectionHeader.foreground#F0E4FF
  • statusBar.background#1A1B2B
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#2b213a
  • tab.activeForeground#FFFFFF
  • tab.border#301a3a
  • tab.inactiveBackground#1a1a1a
  • tab.inactiveForeground#8888aa
  • titleBar.activeBackground#09090F
  • titleBar.activeForeground#E0BBFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9a9caditalic
keyword, storage.type#D0A2FFbold
variable, entity.name.variable#FFAB91
constant, entity.name.constant#80D8FF
string, string.quoted, string.template#F8BBD0
entity.name.function, meta.function-call#77DDFF
support.function, support.constant.handlebars#B6F1FF
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#C6FF00
support.type, storage.modifier#FF8A80
meta.object-literal.key, meta.structure.dictionary.key#FFEB3B
punctuation, meta.brace, meta.delimiter#AAAAFF
invalid, invalid.deprecated#FFFFFF
entity.name.class, support.class#B388FF
variable.parameter, meta.function.parameters#FFC2E2
meta.embedded, meta.template.expression#94F9FF
Quantum Mist Theme by Inna Sodri - VS Code Theme