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#fafafa
  • editor.foreground#39acb5
  • editorHoverWidget.background#fafafa
  • quickInput.background#fafafa
  • sideBar.background#fafafa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546e7aitalic
keyword, storage#90b758
variable, variable.parameter#39acb5
string, punctuation.definition.string#90b758
entity.name.tag, entity.name.tag.html#ef7078
entity.other.attribute-name#9c3ed9
support.class, support.type#e1921d
meta.selector.css, entity.name.tag.css#5EEAD4
meta.property-name.css#93C5FD
meta.property-value.css#86EFAC
invalid#FB7185
entity.name.function#6082b8
variable.other, variable.other.local#8fa4ae
variable.other.global#8fa4ae
variable.other.readwrite, variable.other.readwrite.js#8fa4ae
storage.modifier.php#9c3ed9
storage.modifier.static.php#9c3ed9
storage.type.php#F78C6C
variable.other.php#8fa4ae
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#39acb5
Lazarus Theme by Josua Sianturi - VS Code Theme