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.

  • contrastActiveBorder#a0f0d0
  • contrastBorder#74609c
  • editor.background#000000
  • editor.findMatchBorder#b0c0d0
  • editor.foreground#e0e4fc
  • editor.lineHighlightBackground#081020
  • editor.selectionBackground#98d0cc
  • editorCursor.foreground#dcd860
  • editorLineNumber.activeForeground#dcd860
  • editorWhitespace.foreground#002040
  • sash.hoverBorder#a0f0d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e0e4fc
comment#40ac94
string#38d078
constant.numeric#f280d0
constant.language#f280d0
constant.character, constant.other#f280d0
variable
keyword#3c7cf4
storage#3c7cf4
storage.type#b880f0italic
entity.name.class#dcd860underline
entity.other.inherited-class#dcd860italic underline
entity.name.function#ecbc58
variable.parameter#60b0ffitalic
entity.name.tag#3c7cf4
entity.other.attribute-name#dcd860
support.function#b880f0
support.constant#b880f0
support.type, support.class#b880f0italic
support.other.variable
invalid#f8f8f0
invalid.deprecated#f8f8f0
abyssibility by kyle-rb - VS Code Theme