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#01606d
  • activityBarBadge.background#ffc786
  • activityBarBadge.foreground#000000
  • badge.background#d6b262
  • badge.foreground#000000
  • button.background#01606d
  • editor.background#bbdcdd
  • editor.foreground#333333
  • editorGroup.border#b9ab9b
  • editorGroupHeader.tabsBackground#dad5ac
  • editorGroupHeader.tabsBorder#b9ab9b
  • list.activeSelectionIconForeground#fa9688
  • notificationCenter.border#c9af91
  • notificationCenterHeader.background#dad5ac
  • notificationCenterHeader.foreground#000000
  • notificationsInfoIcon.foreground#11B7D4
  • scrollbarSlider.activeBackground#db8008
  • scrollbarSlider.background#dfbb8c
  • scrollbarSlider.hoverBackground#dfa04d
  • sideBar.background#acd8dac4
  • sideBar.border#c9af91
  • sideBar.foreground#202020
  • sideBarSectionHeader.background#dad5ac
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#01606d
  • tab.activeBackground#dabb60
  • tab.activeForeground#001e31
  • tab.border#b9ab9b
  • tab.inactiveBackground#dad5ac
  • tab.inactiveForeground#424242
  • titleBar.activeBackground#c5b074
  • titleBar.activeForeground#000000
  • titleBar.border#c9af91
  • titleBar.inactiveBackground#c5b074
  • window.activeBorder#e4c097

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#811185italic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#660000
keyword.operator#000000
keyword, storage#00499c
storage.type, support.type#68268f
constant.language, support.constant, variable.language#ce650a
variable, support.variable#640fec
entity.name.function, support.function#bd5227
entity.name.type, entity.other.inherited-class, support.class#d1185f
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#d48206
string#33661f
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#006eff
entity.name.tag#520bfa
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#8b248fitalic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7935a0
meta.property-name, support.type.property-name#AB6526
meta.property-value, meta.property-value constant.other, support.constant.property-value#2c790d
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#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

BlueFallTheme - Coding Theme