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#d5f6ea
  • activityBar.foreground#334455
  • activityBarBadge.background#d5f6ea
  • activityBarBadge.foreground#000000
  • breadcrumb.background#fff9fd
  • breadcrumb.foreground#566b7F
  • editor.background#ffffff
  • editor.foreground#000000
  • editorCursor.background#ffffff
  • editorCursor.foreground#ee046f
  • editorGroupHeader.border#ffffff
  • editorGroupHeader.tabsBackground#f9fcff
  • menu.background#f9fcff
  • menu.foreground#086F8A
  • panel.background#f9fcff
  • panel.foreground#086F8A
  • selection.background#e3f6ff
  • sideBar.background#f9fcff
  • sideBar.dropBackground#e3f6ff
  • sideBar.foreground#086F8A
  • sideBarSectionHeader.background#f9fcff
  • sideBarSectionHeader.foreground#086F8A
  • statusBar.background#d5f6ea
  • statusBar.debuggingBackground#086F8A
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#334455
  • statusBar.noFolderBackground#f9fcff
  • statusBar.noFolderForeground#b3e6ffcc
  • statusBarItem.activeBackground#d5f6ea
  • statusBarItem.errorBackground#ff2a50
  • statusBarItem.errorForeground#f9fcff
  • statusBarItem.hoverBackground#ffffff
  • statusBarItem.prominentBackground#bbccdd
  • statusBarItem.prominentForeground#ffffff
  • statusBarItem.prominentHoverBackground#e3f6ff
  • tab.activeBackground#ffffff
  • tab.activeForeground#000000
  • tab.border#f9fcff
  • tab.inactiveBackground#f9fcff
  • tab.inactiveForeground#086F8A
  • titleBar.activeBackground#d5f6ea
  • titleBar.activeForeground#334455
  • titleBar.inactiveBackground#f9fcff
  • titleBar.inactiveForeground#086F8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8899aaitalic
comment.block.preprocessor#566b7F
comment.documentation, comment.block.documentation#253240
invalid.illegal#ff2a50
keyword.operator#086F8A
constant.language.boolean#208776bold
keyword, storage#810005
storage.type, support.type#0CADD6
constant.language, support.constant, variable.language#ee046fbold
variable, support.variable#ff552a
entity.name.function, support.function#3999FF
entity.name.type, support.class#DB4E80bold
entity.name.type, entity.other.inherited-class#208776
entity.name.exception#fa2573
entity.name.sectionbold
constant.numeric, constant.character, constant#3999FF
string#208776
constant.character.escape#000000
string.regexp#3999FF
constant.other.symbol#208776
punctuation#086F8A
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#ee046f
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#66629f
entity.name.tag#66629f
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#DB4E80italic
constant.character.entity, punctuation.definition.entity#0CADD6
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#66629f
meta.property-name, support.type.property-name#ff552a
meta.property-value, meta.property-value constant.other, support.constant.property-value#086F8A
keyword.other.importantbold
markup.changed#086F8A
markup.deleted#ee046f
markup.italicitalic
markup.error#ff2a50
markup.inserted#96E8CB
markup.output, markup.raw#000000
markup.prompt#086F8A
markup.heading#086F8Abold
markup.boldbold
markup.traceback#DB4E80
markup.underlineunderline
markup.quote#253240
markup.list#1d2833
markup.bold, markup.italic#8887ac
markup.inline.raw#66629f
meta.paragraph.markdown#000000
meta.link, markup.underline.link.image.markdown, markup.underline.link.markdown#3999FFunderline
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown#000000
meta.diff.range, meta.diff.index, meta.separator#000000
meta.diff.header.from-file#000000
meta.diff.header.to-file#000000
fenced_code.block.language.attributes.markdown#086F8Aitalic