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#007acc
  • editor.background#020D13
  • editor.foreground#f0fcfc
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string, constant.character.escape#6c8293
keyword.other, keyword.control, keyword.operator.word, keyword.operator.logical, keyword.hard, keyword.soft, storage.type, storage.modifier, entity.name.tag#98e8bb
constant.numeric, constant.language, constant.character, constant.escape#0eeebe
support.type, entity.name.type, entity.name.class, entity.name.namespace, entity.name.package#A491D3
entity.name.type#8b61a8
meta.attribute#54B6A0
entity.name.function#8fe1ec
storage.modifier.lifetime.rust, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#e3d53f
entity.name.function.macro.rust#94e33f
keyword.package.go, keyword.function.go, keyword.type.go, keyword.struct.go, keyword.var.go, keyword.channel.go, keyword.const.go, keyword.interface.go, keyword.map.go#98e8bb
constant.character.numeric.regexp, keyword.control.anchor.regexp, string.regexp.js#6c8293
markup.heading#98e8bb
markup.italic#A491D3italic
markup.bold#A491D3bold
markup.inline#A491D3
string.other.link.description.markdown, string.other.link.title.markdown#A491D3
flysand's spring breeze by flysand - VS Code Theme