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#3F352C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B567
  • activityBar.inactiveForeground#E9DFC960
  • activityBarBadge.background#E9B567
  • activityBarBadge.foreground#3F352C
  • button.background#E9B567
  • button.foreground#3F352C
  • button.hoverBackground#E9B567dd
  • editor.background#3F352C
  • editor.foreground#E9DFC9
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#3F352C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#E9B567
  • editorGroupHeader.tabsBackground#3F352Cdd
  • editorLineNumber.activeForeground#E9B567
  • editorLineNumber.foreground#D7DADA80
  • focusBorder#E9B567
  • foreground#E9DFC9
  • input.background#3F352C
  • input.border#ffffff15
  • input.foreground#E9DFC9
  • input.placeholderForeground#E9DFC960
  • list.activeSelectionBackground#E9B56730
  • list.activeSelectionForeground#E9DFC9
  • list.highlightForeground#E9B567
  • list.hoverBackground#3F352C40
  • list.hoverForeground#E9DFC9
  • list.inactiveSelectionBackground#E9B56715
  • list.inactiveSelectionForeground#E9DFC9
  • selection.background#ECBC7935
  • sideBar.background#3F352C
  • sideBar.border#ffffff15
  • sideBar.foreground#E9DFC9
  • sideBarSectionHeader.background#3F352C80
  • sideBarSectionHeader.foreground#E9DFC9
  • sideBarTitle.foreground#E9B567
  • statusBar.background#3F352C
  • statusBar.border#ffffff15
  • statusBar.foreground#E9DFC9
  • statusBar.noFolderBackground#3F352C
  • tab.activeBackground#3F352C
  • tab.activeBorderTop#E9B567
  • tab.activeForeground#E9DFC9
  • tab.border#ffffff15
  • tab.inactiveBackground#3F352C60
  • tab.inactiveForeground#E9DFC980
  • terminal.ansiBlack#3F352C
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#55E7D6
  • terminal.ansiGreen#E9B567
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#E9DFC9
  • terminal.ansiYellow#55E7D6
  • terminal.background#3F352C
  • terminal.foreground#E9DFC9
  • titleBar.activeBackground#3F352C
  • titleBar.activeForeground#E9DFC9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3F352C
  • titleBar.inactiveForeground#E9DFC960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DADAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBC79bold
storage.type, storage.modifier#ECBC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B567
string, punctuation.definition.string, string.template, meta.template.expression#55E7D6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#E9DFC9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#E9DFC9
variable.parameter, meta.parameter#E9DFC9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#E9DFC980
keyword.operator#E9DFC9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D6bold
entity.other.inherited-class#E9B567
entity.name.tag, punctuation.definition.tag#ECBC79
entity.other.attribute-name#E9B567
meta.diff, meta.diff.header#D7DADA
markup.deleted#F1D083
markup.inserted#E9B567
markup.changed#55E7D6
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B567bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D6
string.other.link.title, string.other.link.description#E9B567
markup.underline.link#D7DADAunderline
punctuation.definition.list#ECBC79
markup.quote, punctuation.definition.quote#D7DADAitalic