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