Skip to main content
Coding Theme

Color themes

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.-