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#111111
  • editor.foreground#a0a0a0
  • editor.lineHighlightBackground#171717
  • editor.selectionBackground#303030
  • editorCursor.foreground#f0f0f1
  • editorWhitespace.foreground#1a1b1e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#a0a0a0—
comment#473b96—
string#cfcfcf—
constant.numeric#cfcfcf—
constant.language#cfcfcf—
constant.character, constant.other#bfbfbf—
variable——
keyword—italic
keyword.operator—
storage——
storage.type, support.type—italic
storage.type——
entity.name.class——
entity.other.inherited-class——
entity.name.function——
variable.parameter——
entity.name.tag, punctuation.definition.tag, entity.other.attribute-name, string.quoted.single.html, string.quoted.double.html, string.quoted.single.xml, string.quoted.double.xml, meta.tag#5b5c5e—
string.quoted.double.json, string.quoted.single.json#a0a0a1—
support.function——
support.constant——
support.type, support.class——
support.other.variable——
meta.diff, meta.diff.header——
markup.deleted#47add8—
markup.inserted#6e5ae0—
markup.changed#d88147—
constant.numeric.line-number.find-in-files - match#5b5c5e—
entity.name.filename.find-in-files#cfcfcf—
sublimelinter.mark.warning#2248ff—
sublimelinter.gutter-mark#000000—
sublimelinter.mark.error#2fdfff—
Ascetic-Night by athul - VS Code Theme