Skip to main content
Coding Theme

Color themes

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.foreground#ffffff
  • editor.background#202122
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#aaaaaa25
  • editor.selectionBackground#aaaaaa25
  • editorCursor.background#ffffff00
  • editorCursor.foreground#ffffff37
  • editorLineNumber.foreground#888888
  • list.activeSelectionBackground#393939
  • list.focusBackground#393939
  • list.hoverBackground#303030
  • list.inactiveSelectionBackground#303030
  • panelTitle.activeBorder#ea5b76
  • pickerGroup.border#6495cf
  • pickerGroup.foreground#6495cf
  • statusBar.background#111111
  • statusBar.debuggingBackground#111111
  • statusBar.foreground#cccccc
  • statusBar.noFolderBackground#111111

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ccc
comment#6b6b6bitalic
constant.numeric#d7a96b
constant.language#eb613f
constant.character.escape#ee762e
constant.other.placeholder#fff03c
constant.other#f19557
variable.other.constant#ccc
entity.name.constant#ccc
entity.name#fed552
entity.name.class#99b7dc
entity.name.type#fed552
entity.other.inherited-class#eceb70
entity.name.function#6495cf
entity.name.tag#92cfbb
entity.name.section#7278a8
entity.other.attribute-name#7e6ca8
invalid#d1342c
invalid.illegal#b63b40
invalid.deprecated#e22b30
keyword#ea5b76
keyword.control#ea5b76
keyword.operator#b5b1e1
punctuation.definition.keyword#b5b1e1
punctuation.definition.string#ed90ba
punctuation.definition.variable#6495cf
punctuation.definition.template-expression#ed90ba
storage.type#fed552
storage.modifier#fed552
string.regexp#92cfbb
string#58a6dc
string.quoted#58a6dc
support#fed552
support.constant#f5ad3b
support.module#efb864
support.function#7e6ca8
support.class#c7b83c
support.type#fed552
variable.parameter#9bce92
variable.function#6495cf
variable.language#b63b40
meta.function-call.generic#6495cf
markup.heading#6495cf
markup.list.unnumbered#f1becb
markup.list.numbered#f1becb
markup.bold#92cfbbbold
markup.italic#92cfbbitalic
markup.underline#92cfbb
markup.inserted#92cfbb
markup.deleted#7f6575
entity.name.type.class#99b7dc
constant.character.format.placeholder#fff03c