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#FFFFFF
  • activityBar.border#e1e4e8
  • activityBar.foreground#3e3f3f
  • activityBar.inactiveForeground#b9bec5
  • activityBarBadge.background#54a3ff
  • breadcrumb.background#ffffff
  • editor.background#ffffff
  • editor.foreground#24292e
  • editor.lineHighlightBackground#fffbdd
  • editorBracketMatch.background#f1f8ff
  • editorBracketMatch.border#c8e1ff
  • editorGroupHeader.tabsBackground#ffffff
  • editorGroupHeader.tabsBorder#e1e4e8
  • editorIndentGuide.activeBackground#009bdd
  • editorIndentGuide.background#eeeeee
  • editorLineNumber.foreground#cccccc
  • focusBorder#fafbfc
  • scrollbar.shadow#00000000
  • sideBar.background#ffffff
  • sideBar.border#e1e4e8
  • sideBar.foreground#586069
  • sideBarSectionHeader.background#F1F2F3
  • sideBarSectionHeader.foreground#24292e
  • sideBarTitle.foreground#24292e
  • statusBar.background#fafbfc
  • statusBar.border#e1e4e8
  • statusBar.debuggingBackground#fafbfc
  • statusBar.debuggingForeground#24292e
  • statusBar.foreground#24292e
  • statusBar.noFolderBackground#fafbfc
  • statusBar.noFolderForeground#24292e
  • tab.activeBackground#ffffff
  • tab.activeBorder#e36209
  • tab.border#f1f1f1
  • tab.hoverBackground#f5f4f4
  • tab.inactiveBackground#ffffff
  • tab.inactiveForeground#586069
  • terminal.ansiBlack#090300
  • terminal.ansiBlue#009bdd
  • terminal.ansiBrightBlack#5C5855
  • terminal.ansiBrightBlue#3dc5ff
  • terminal.ansiBrightCyan#79ddff
  • terminal.ansiBrightGreen#01A252
  • terminal.ansiBrightMagenta#A16A94
  • terminal.ansiBrightRed#DB2D20
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#fff493
  • terminal.ansiCyan#29c9ff
  • terminal.ansiGreen#01A252
  • terminal.ansiMagenta#A16A94
  • terminal.ansiRed#DB2D20
  • terminal.ansiWhite#e9e9e9
  • terminal.ansiYellow#fcf81a
  • terminal.foreground#3a3a3a
  • terminalCursor.background#3a3a3a
  • terminalCursor.foreground#3a3a3a
  • titleBar.activeBackground#fafbfc
  • titleBar.border#e1e4e8
  • titleBar.inactiveBackground#fafbfc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, meta.embedded#000000
comment, punctuation.definition.comment#6a737d
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#4b4b4b
invalid.illegal#660000
keyword, storage#d73a49
constant, constant.language, support.constant, variable.language, variable, support.variable, variable, support.variable#005cc5
entity.name.function, support.function#6f42c1
entity.name.type, entity.other.inherited-class, support.class#005cc5
entity.name.exception#660000
entity.name.sectionbold
string, punctuation.definition.string#22863a
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation.definition.template-expression#d73a49
variable.object.property#000000
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#000000
entity.tag, entity.name.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#d73a49
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#6f42c1ff
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#d73a49
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#005cc5
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#6f42c1ff
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.bold, markup.italic#448C27
markup.fenced_code#005cc5ff
markup.inline.raw#6a737d
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
support#005cc5