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#2d2d2d
  • editor.foreground#d3d0c8
  • editor.lineHighlightBackground#393939
  • editor.selectionBackground#515151
  • editorCursor.foreground#d3d0c8
  • editorWhitespace.foreground#747369

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d3d0c8
comment, punctuation.definition.comment#747369
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#D3D0C8
none#d3d0c8
keyword.operator#CC99CC
keyword#cc99cc
variable#D3D0C8
entity.name.function, meta.require, support.function.any-method#D3D0C8
support.type.object.dom.js#ffcc66
support.class, entity.name.class, entity.name.type.class#ffcc66
keyword.operator.assignment.augmented.j#ffcc66
meta.class#f2f0ec
keyword.other.special-method#D3D0C8
storage#cc99cc
support.function#f6368b
string, constant.other.symbol, entity.other.inherited-class#66cccc
constant.numeric#66CCCC
none#f99157
none#f99157
constant#f2777a
entity.name.tag#f2777a
entity.other.attribute-name#a1b1b1
entity.other.attribute-name.id, punctuation.definition.entity#6699cc
meta.selector#cc99cc
none#f99157
markup.heading punctuation.definition.heading, entity.name.section#6699cc
keyword.other.unit#F2777A
markup.bold, punctuation.definition.bold#ffcc66bold
markup.italic, punctuation.definition.italic#cc99ccitalic
markup.raw.inline#99cc99
string.other.link#f2777a
meta.link#f99157
markup.list#f2777a
markup.quote#f99157
meta.separator#d3d0c8
markup.deleted, markup.deleted.git_gutter#f2777a
markup.changed, markup.changed.git_gutter#cc99cc
markup.ignored, markup.ignored.git_gutter#515151
markup.untracked, markup.untracked.git_gutter#515151
constant.other.color#66cccc
string.regexp#66cccc
constant.character.escape#66cccc
punctuation.section.embedded, variable.interpolation#d27b53
invalid.illegal#00fdff
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
variable.parameter#f6368b