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#060504
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B167
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#E9B167
  • activityBarBadge.foreground#060504
  • button.background#E9B167
  • button.foreground#060504
  • button.hoverBackground#E9B167dd
  • editor.background#060504
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#ECB4793580
  • editor.lineHighlightBackground#130E0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB47935
  • editorCursor.foreground#E9B167
  • editorGroupHeader.tabsBackground#060504dd
  • editorLineNumber.activeForeground#E9B167
  • editorLineNumber.foreground#E8D6B680
  • focusBorder#E9B167
  • foreground#F7F1E6
  • input.background#130E0B
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#E9B16730
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#E9B167
  • list.hoverBackground#130E0B40
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#E9B16715
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#ECB47935
  • sideBar.background#130E0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#06050480
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#E9B167
  • statusBar.background#060504
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#060504
  • tab.activeBackground#060504
  • tab.activeBorderTop#E9B167
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#130E0B60
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#060504
  • terminal.ansiBlue#ECB479
  • terminal.ansiCyan#55E755
  • terminal.ansiGreen#E9B167
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#55E755
  • terminal.background#060504
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#060504
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060504
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D6B6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB479bold
storage.type, storage.modifier#ECB479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B167
string, punctuation.definition.string, string.template, meta.template.expression#55E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E755bold
entity.other.inherited-class#E9B167
entity.name.tag, punctuation.definition.tag#ECB479
entity.other.attribute-name#E9B167
meta.diff, meta.diff.header#E8D6B6
markup.deleted#F1BE83
markup.inserted#E9B167
markup.changed#55E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E755
string.other.link.title, string.other.link.description#E9B167
markup.underline.link#E8D6B6underline
punctuation.definition.list#ECB479
markup.quote, punctuation.definition.quote#E8D6B6italic