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#f8f8f2
  • editor.foreground#494949
  • editor.lineHighlightBackground#d6d6cf
  • editor.selectionBackground#b9b9af
  • editorCursor.foreground#2e2e2e
  • editorIndentGuide.activeBackground#b8630dbd
  • editorIndentGuide.background#b1b1aa
  • editorLineNumber.activeForeground#494949
  • editorLineNumber.foreground#b1b1aa
  • editorWhitespace.foreground#3b3a32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a09b85
string#beb453
constant.numeric#743fb1
constant.language#743fb1
constant.character, constant.other#743fb1
variable
keyword#A32D64
storage#A32D64
storage.type#288299italic
entity.name.class#A6E22Eunderline
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#A6E22E
variable.parameter#b96a0fitalic
entity.name.tag#A32D64
entity.other.attribute-name#547c05
support.function#288299
support.constant#288299
support.type, support.class#288299italic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#A32D64
markup.inserted#A6E22E
markup.changed#547c05
markup.deleted.git_gutter#A32D64
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#547c05
markup.ignored.git_gutter#75715E
markup.untracked.git_gutter#75715E
constant.numeric.line-number.find-in-files - match#743fb1A0
entity.name.filename.find-in-files#547c05
string#aa9708
keyword - keyword.operator#288299
keyword.control#288299
storage#288299
storage.type#288299
constant.numeric#743fb1
entity.name.function#a32d64
support.function#a32d64
keyword.operator#a32d64
constant.character.escape#a79e5c
comment#8d8d8ditalic
variable, variable.other, variable.parameter.function#494949
punctuation.terminator.statement.js, punctuation.terminator.rule.css#a32d64
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
Spaceland Monokai by John Adam Lovatt - VS Code Theme