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#23212e
  • editor.foreground#ecececde
  • editor.lineHighlightBackground#94187f67
  • editor.selectionBackground#f82dff50
  • editor.selectionHighlightBackground#f82dff50
  • editorCursor.background#000000
  • editorCursor.foreground#ff67f2
  • editorWhitespace.foreground#383838

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ffffff
comment#696587
string#ffb700
constant.numeric#3f89ff
constant.language#5f9cff italic
constant.character, constant.other#5f9cffitalic
variable
keyword#e12977
storage#e12977
storage.type#7877ff italic
entity.name.class#c5e400
entity.other.inherited-class#c5e400 italic
function, entity.name.function, entity.name.tag.purescript#c5e400
variable.parameter#d9903b italic
variable.other.property, property#ff66cc
entity.name.tag#e12977
entity.other.attribute-name#c5e400
support.function#7877ff
support.constant#7877ffitalic
support.type, support.class#7877ffitalic
support.other.variable
invalid#e12977
invalid.deprecated#ffff05
entity.name.type.module.elixir#5f9cffitalic
entity.name.type#4477ff
support.other.module#c5e400
source.elixir.embedded.source#3ce281
variable.other.readwrite.module.elixir#a042c5
variable.other.constant.elixir#5f9cffitalic
markup.inserted.diff#00dd00
markup.deleted.diff#ee0000