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#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