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#eaeaeb
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#424243
  • editor.background#fafafa
  • editor.foreground#1c1c1c
  • editorGroupHeader.tabsBackground#eaeaeb
  • editorGroupHeader.tabsBorder#c0c0c0
  • editorLineNumber.activeForeground#313131
  • editorLineNumber.foreground#c6c6c6
  • list.activeSelectionIconForeground#fff
  • sideBar.background#eaeaeb
  • sideBar.border#c6c6c6
  • statusBar.background#eaeaeb
  • statusBar.border#c6c6c6
  • statusBar.foreground#000000
  • tab.activeBorder#fafafa
  • tab.activeBorderTop#d5d5d5
  • tab.activeForeground#000000
  • tab.border#c0c0c0
  • titleBar.activeBackground#eaeaeb
  • titleBar.inactiveBackground#eaeaeb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#660000
keyword.operator#267aba
keyword, storage#a32ca1
storage.type, support.type#a32ca1
constant.language, support.constant, variable.language#bf39d0
variable, support.variable#f0392c
entity.name.function, support.function#5081ea
entity.name.type, entity.other.inherited-class, support.class#eba119bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#c473ce
string#63a863
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#63a863
entity.name.tag#4B83CD
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#a176e2italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#fb9700
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#EBA119
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#a71dcaitalic
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343