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#E0E0E0
  • activityBar.foreground#000000
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#F0F0F0
  • editor.background#FFFFFF
  • editor.foreground#000000
  • editor.selectionBackground#E8E8E8
  • editorGutter.background#E0E0E0
  • editorLineNumber.foreground#000000
  • editorSuggestWidget.focusHighlightForeground#9DDDFF
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#0066BF
  • editorSuggestWidget.selectedBackground#0060C0
  • editorSuggestWidget.selectedForeground#FFFFFF
  • list.focusHighlightForeground#9DDDFF
  • panel.background#F8F8F8
  • quickInputList.focusBackground#0060C0
  • quickInputList.focusForeground#FFFFFF
  • sideBar.background#F8F8F8
  • statusBar.background#F0F0F0
  • statusBar.debuggingBackground#F0F0F0
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#F0F0F0
  • titleBar.activeBackground#E0E0E0
  • titleBar.inactiveBackground#F0F0F0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D00000
comment.block.preprocessor#007F7F
comment.documentation, comment.block.documentation#3F5FBFbold
invalid.illegal#660000
keyword#000080bold
keyword.control#000080bold
keyword.operator#000000
storage#00007Fbold
storage.type, support.type#991111bold
constant.language, support.constant, variable.language#991111bold
variable, support.variable#000000
entity.name.function, support.function#000080
entity.name.type, entity.other.inherited-class, support.class#0000D0bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#007F00
string, punctuation.definition.string#FF8000
constant.character.escape#FF8000
string.regexp#007F00
constant.other.symbol#3F5FBF
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#F80000
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#0000D0bold
entity.name.tag#0000D0bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#00007F
constant.character.entity, punctuation.definition.entity#007F00
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#0000D0bold
meta.property-name, support.type.property-name#991111bold
meta.property-value, meta.property-value constant.other, support.constant.property-value#FF8000
keyword.other.important#FF8000bold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#000000
markup.output, markup.raw#000000
markup.prompt#000000
markup.heading#000000
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#FF8000
markup.list#000000
markup.bold, markup.italic#000000
markup.inline.raw#000000
meta.preprocessor#007F7F
meta.preprocessor.string#FF8000
meta.preprocessor.numeric#007F00
meta.diff.range, meta.diff.index, meta.separator#000000
meta.diff.header.from-file#000000
meta.diff.header.to-file#000000