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—