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.

  • diffEditor.insertedTextBackground#76c49040
  • diffEditor.removedTextBackground#de717640
  • editor.background#111111
  • editor.foreground#eeeee1
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#333333
  • editorBracketMatch.background#222222
  • editorBracketMatch.border#6d89ff
  • editorCursor.foreground#ffb84a
  • editorError.foreground#de7176
  • editorIndentGuide.activeBackground1#444444
  • editorIndentGuide.background1#222222
  • editorInfo.foreground#6d89ff
  • editorLineNumber.activeForeground#eeeee1
  • editorLineNumber.foreground#555555
  • editorWarning.foreground#ffb84a
  • editorWhitespace.foreground#2a2a2a
  • sideBar.background#111111F2
  • sideBar.foreground#eeeee1cc
  • sideBarSectionHeader.foreground#eeeee1cc
  • sideBarTitle.foreground#eeeee1cc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#eeeee1
comment, punctuation.definition.comment#999999italic
keyword, storage, entity.name.tag, punctuation.accessor, keyword.operator#6d89ff
entity.other.attribute-name, meta.attribute, variable.parameter.attr-name#6d89ff
string.quoted.double.html, string.quoted.single.html, meta.attribute-value, string.other.link, constant.character.escape, string.regexp#a36c8c
constant.numeric, constant.language.boolean, entity.name.type, entity.name.function, support.function, support.type.builtin, variable.language, variable.other.constant#ffb84a
string, string.quoted, string.template, constant.other.symbol, variable.other.readwrite, variable.other.object, variable.other.property, variable, meta.embedded#b3d77e
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, meta.brace, meta.bracket#cccccc
markup.heading, markup.bold#ffb84abold
markup.italic#999999italic
markup.deleted, diff.deleted, meta.diff.header.from-file, meta.diff.range.from#de7176
markup.inserted, diff.inserted, meta.diff.header.to-file, meta.diff.range.to#76c490
Lunaria Glow by foxycorps - VS Code Theme