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#0f172a
  • editor.background#0f172a
  • editor.foreground#f8fafc
  • editor.selectionBackground#06b6d433
  • editorLineNumber.activeForeground#06b6d4
  • editorLineNumber.foreground#334155
  • sideBar.background#0f172a
  • statusBar.background#06b6d4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#94a3b8italic
keyword, storage.type, storage.modifier#06b6d4bold
keyword.control.frontmatter.blizzard#f472b6bold
entity.name.function, support.function#3b82f6
variable, string.interpolated, meta.embedded.line.expression#cffafe
string, string.quoted#06b6d4
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#3b82f6bold
entity.other.attribute-name#94a3b8
punctuation.section.embedded.begin.blizzard, punctuation.section.embedded.end.blizzard#f472b6bold
text.html.basic#f8fafc
BlizzardTS for VSCode by LuckyArchz - VS Code Theme