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.

  • activityBarBadge.background#8d99ae
  • editor.background#2b2d42
  • editor.foreground#cfd8dc
  • menu.background#253144
  • panel.background#2b374c
  • sideBar.background#262d3a
  • sideBarTitle.foreground#b0bec5
  • statusBar.background#344666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#535d67italic
variable, string constant.other.placeholder#00eaff
entity.name.function, meta.function-call, variable.function#72ffcebold
keyword, storage.type, storage.modifier#949effitalic
string#92fffb
constant.numeric#00a3fb
constant.language#118ab2italic
keyword.operator#06d6a0
punctuation#41949f
entity.name.type#9dbbd6
support.class#8ac926
invalid, invalid.illegal#bc5090bold
support.type.property-name.json, string.unquoted.label.json#7fbc41bold
entity.name.tag, meta.tag#6fbbfebold
support.class.component#99c9ff
entity.other.attribute-name, meta.tag.attributes#0a9396
support.type.property-name.css#8a93be
support.constant.property-value.css#06d6a0
string.regexp#8338ecbold
constant.character.escape#8d99ae
markup.heading, markup.heading entity.name#17becfbold
markup.italic#ff006eitalic
markup.bold#2ec4b6bold
markup.underline#118ab2underline
markup.quote#9d4edd
markup.list, markup.list.numbered, markup.list.unnumbered#0077b6
meta.preprocessor.xml#7209b7italic
markup.inserted#4cc9f0italic
markup.deleted#dd99a6italic
markup.changed#3a0ca3italic
cobalt spectrum by jithuraj - VS Code Theme