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#1F150F
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B167
  • activityBar.inactiveForeground#f6ead660
  • activityBarBadge.background#E9B167
  • activityBarBadge.foreground#1F150F
  • button.background#E9B167
  • button.foreground#1F150F
  • button.hoverBackground#E9B167dd
  • editor.background#1F150F
  • editor.foreground#f6ead6
  • editor.inactiveSelectionBackground#ECA9793580
  • editor.lineHighlightBackground#130E0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA97935
  • editorCursor.foreground#E9B167
  • editorGroupHeader.tabsBackground#1F150Fdd
  • editorLineNumber.activeForeground#E9B167
  • editorLineNumber.foreground#d7b47a80
  • focusBorder#E9B167
  • foreground#f6ead6
  • input.background#130E0B
  • input.border#ffffff15
  • input.foreground#f6ead6
  • input.placeholderForeground#f6ead660
  • list.activeSelectionBackground#E9B16730
  • list.activeSelectionForeground#f6ead6
  • list.highlightForeground#E9B167
  • list.hoverBackground#130E0B40
  • list.hoverForeground#f6ead6
  • list.inactiveSelectionBackground#E9B16715
  • list.inactiveSelectionForeground#f6ead6
  • selection.background#ECA97935
  • sideBar.background#130E0B
  • sideBar.border#ffffff15
  • sideBar.foreground#f6ead6
  • sideBarSectionHeader.background#1F150F80
  • sideBarSectionHeader.foreground#f6ead6
  • sideBarTitle.foreground#E9B167
  • statusBar.background#1F150F
  • statusBar.border#ffffff15
  • statusBar.foreground#f6ead6
  • statusBar.noFolderBackground#1F150F
  • tab.activeBackground#1F150F
  • tab.activeBorderTop#E9B167
  • tab.activeForeground#f6ead6
  • tab.border#ffffff15
  • tab.inactiveBackground#130E0B60
  • tab.inactiveForeground#f6ead680
  • terminal.ansiBlack#1F150F
  • terminal.ansiBlue#ECA979
  • terminal.ansiCyan#55B9E7
  • terminal.ansiGreen#E9B167
  • terminal.ansiMagenta#C7F183
  • terminal.ansiRed#C7F183
  • terminal.ansiWhite#f6ead6
  • terminal.ansiYellow#55B9E7
  • terminal.background#1F150F
  • terminal.foreground#f6ead6
  • titleBar.activeBackground#1F150F
  • titleBar.activeForeground#f6ead6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F150F
  • titleBar.inactiveForeground#f6ead660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7b47aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA979bold
storage.type, storage.modifier#ECA979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B167
string, punctuation.definition.string, string.template, meta.template.expression#55B9E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C7F183
variable, variable.other.readwrite, variable.other.object#f6ead6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6ead6
variable.parameter, meta.parameter#f6ead6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6ead680
keyword.operator#f6ead6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55B9E7bold
entity.other.inherited-class#E9B167
entity.name.tag, punctuation.definition.tag#ECA979
entity.other.attribute-name#E9B167
meta.diff, meta.diff.header#d7b47a
markup.deleted#C7F183
markup.inserted#E9B167
markup.changed#55B9E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55B9E7
string.other.link.title, string.other.link.description#E9B167
markup.underline.link#d7b47aunderline
punctuation.definition.list#ECA979
markup.quote, punctuation.definition.quote#d7b47aitalic