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#111
  • activityBarBadge.background#5a7ca4
  • editor.background#303030
  • editor.foreground#ccc
  • editor.lineHighlightBorder#444
  • editor.selectionBackground#586270
  • editor.selectionHighlightBackground#58627080
  • minimapSlider.activeBackground#8888bb55
  • minimapSlider.background#8888bb55
  • minimapSlider.hoverBackground#8888bb55
  • sideBar.background#2a2a2a
  • sideBarTitle.foreground#bbbbbb
  • tab.activeBackground#2a2a55

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#888888italic
keyword, keyword.operator, keyword.other, storage.type, support.type#c99
entity.name.function, support.function.string.php meta.function-call#99b
variable, variable.language, support.variable#ccc
string, constant.character.escape, string.regexp, constant, constant.numeric, constant.character, constant.language, support.constant, support.type#9d9
entity.name.tag, punctuation.definition.tag#7FC6C6
entity.other.attribute-name.html#bba
support.type.property-name#7ee
source.vue meta.attribute.directive.vue entity.other.attribute-name.htmlunderline
markup.inserted#383E47
markup.deleted#586270
markup.changed#CC99B3
Theme Sombre MD by marc-duren - VS Code Theme