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.

  • activityBar.background#3B3228
  • editor.background#3B3228
  • editor.foreground#d0c8c6
  • editor.lineHighlightBackground#7e705a30
  • editor.selectionBackground#645240
  • editorCursor.foreground#d0c8c6
  • editorWhitespace.foreground#7e705a
  • sideBar.background#352c22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d0c8c6
variable.parameter.function#d0c8c6
comment, punctuation.definition.comment#7e705a
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d0c8c6
none#d0c8c6
keyword.operator#d0c8c6
keyword#a89bb9
variable#cb6077
entity.name.function, meta.require, support.function.any-method#8ab3b5
support.class, entity.name.type.class#f4bc87
meta.entity.new.name.expr#f4bc87
keyword.other.special-method#8ab3b5
storage#a89bb9
support.function#7bbda4
string, constant.other.symbol, entity.other.inherited-class#beb55b
constant.numeric#d28b71
none#d28b71
none#d28b71
constant#d28b71
entity.name.tag#cb6077
entity.other.attribute-name#d28b71
entity.other.attribute-name.id, punctuation.definition.entity#8ab3b5
meta.selector#a89bb9
none#d28b71
markup.heading punctuation.definition.heading, entity.name.section#8ab3b5
keyword.other.unit#d28b71
markup.bold, punctuation.definition.bold#f4bc87bold
markup.italic, punctuation.definition.italic#a89bb9italic
markup.raw.inline#beb55b
string.other.link#cb6077
meta.link#d28b71
markup.list#cb6077
markup.quote#d28b71
meta.separator#d0c8c6
markup.inserted#beb55b
markup.deleted#cb6077
markup.changed#a89bb9
constant.other.color#7bbda4
string.regexp#7bbda4
constant.character.escape#7bbda4
punctuation.section.embedded, variable.interpolation#bb9584
invalid.illegal#ffffff
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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Spacegray VSCode - Coding Theme