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.

  • activityBar.background#222222
  • editor.background#2b2b2b
  • editor.foreground#b9b9b9
  • editor.lineHighlightBackground#52525255
  • editor.selectionBackground#464646
  • editorCursor.foreground#b9b9b9
  • editorLineNumber.foreground#999999
  • editorWhitespace.foreground#525252
  • sideBar.background#2b2b2b
  • sideBar.border#424242
  • statusBar.background#444444
  • statusBar.noFolderBackground#444444

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#b9b9b9
variable.parameter.function#b9b9b9
comment, punctuation.definition.comment#525252
punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#b9b9b9
none#b9b9b9
keyword.operator#b9b9b9
keyword#747474
variable#7c7c7c
entity.name.function, meta.require, support.function.any-method#686868
support.class, entity.name.class, entity.name.type.class#a0a0a0bold
meta.class#f7f7f7
keyword.other.special-method#686868
storage#747474
support.function#868686
string, constant.other.symbol, entity.other.inherited-class#8e8e8e
constant.numeric#999999
none#999999
none#999999
constant#999999
entity.name.tag#7c7c7c
entity.other.attribute-name#999999
entity.other.attribute-name.id, punctuation.definition.entity#686868
meta.selector#747474
none#999999
markup.heading punctuation.definition.heading, entity.name.section#686868
keyword.other.unit#999999
markup.bold, punctuation.definition.bold#a0a0a0bold
markup.italic, punctuation.definition.italic#747474italic
markup.raw.inline#8e8e8e
string.other.link, punctuation.definition.string.end.markdown#7c7c7c
meta.link#999999
markup.list#7c7c7c
markup.quote#999999
meta.separator#b9b9b9
markup.inserted#8e8e8e
markup.deleted#7c7c7c
markup.changed#747474
constant.other.color#868686
string.regexp#868686
constant.character.escape#868686
punctuation.section.embedded, variable.interpolation#747474
invalid.illegal#f7f7f7
invalid.broken#101010
invalid.deprecated#f7f7f7
invalid.unimplemented#f7f7f7
Dark Doug by Andranik Muradyan - VS Code Theme