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.

  • 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