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.

  • editor.background#1E1E1E
  • editor.foreground#BDB76B
  • editor.lineHighlightBackground#0F0F0F
  • editor.selectionBackground#264F78
  • editorCursor.foreground#DCDCDC
  • editorWhitespace.foreground#FFFFFF40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#BDB76B
comment#57a64a
variable#BDB76B
keyword#D8A0DF
keyword.operator.comparison#DCDCDC
keyword.operator.assignment#DCDCDC
keyword.operator.arithmetic#DCDCDC
constant.numeric#B5CEA8
constant#B4CEA8
constant.language#569CD6
constant.language.boolean#569CD6
string#d69d85
constant.character.escape, string source#D69D85
meta.preprocessor#bd63c5
keyword.control.import#bd63c5
entity.name.function, keyword.other.name-of-parameter.objc#ff8000
entity.name.type#FFD700
storage.type#ffd700
storage.modifier#569CD6
entity.other.inherited-class#FFD700
variable.parameter#BDB76B
storage.type.method#BDB76B
meta.section entity.name.section, declaration.section entity.name.section#8A8A8A
support.function#ff8000
support.class, support.type#ffd700
support.constant#ffd700
support.variable#BDB76B
keyword.operator.js#687687
invalid#ff3333
invalid.deprecated.trailing-whitespace
text source, string.unquoted
meta.xml-processing, declaration.xml-processing#68685B
meta.doctype, declaration.doctype#808080
meta.doctype.DTD, declaration.doctype.DTD
meta.tag, declaration.tag#808080
entity.name.tag#569CD6
entity.other.attribute-name#92CAF4
string.quoted.double.xml, string.quoted.double.html#C8C8C8
markup.heading#569CD6
markup.quote#DCDCDC
markup.list#DCDCDC
meta.selector.css entity.name.tag#D7BA7D
meta.selector.css entity.other.attribute-name.tag.pseudo-class#D7BA7D
meta.selector.css entity.other.attribute-name.id#D7BA7D
meta.selector.css entity.other.attribute-name.class#D7BA7D
support.type.property-name.css#9CDCFE
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C8C8C8
meta.preprocessor.at-rule keyword.control.at-rule#87CEFA
source.cs comment.block.documentation.source.cs meta.tag.xml, source.cs comment.block.documentation.source.cs meta.tag.xml entity.name.tag.localname.xml, source.cs comment.block.documentation.source.cs meta.tag.xml entity.other.attribute-name#608B4E
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
git.changes.x
git.changes.+
git.changes.-

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Visual Assist Dark Theme - Coding Theme