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#182026
  • editor.foreground#88dbfd
  • editorHoverWidget.background#182026
  • quickInput.background#182026
  • sideBar.background#182026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546e7aitalic
keyword, storage#c9e797
variable, variable.parameter#edffff
string, punctuation.definition.string#c9e797
entity.name.tag, entity.name.tag.html#ef7078
entity.other.attribute-name#c28ee4
support.class, support.type#f9cb6b
meta.selector.css, entity.name.tag.css#5EEAD4
meta.property-name.css#93C5FD
meta.property-value.css#86EFAC
invalid#FB7185
entity.name.function#8aa9f9
variable.other, variable.other.local#9cdbfb
variable.other.global#9cdbfb
variable.other.readwrite, variable.other.readwrite.js#9cdbfb
storage.modifier.php#C792EA
storage.modifier.static.php#C792EA
storage.type.php#F78C6C
variable.other.php#82AAFF
keyword.operator.assignment.php, constant.numeric.php#F78C6C
markup.heading.markdown, markup.bold.markdown, markup.italic.markdown, markup.inline.raw.markdown, text.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#ffffff