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#4D3E2D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9CD67
  • activityBar.inactiveForeground#faf7ec60
  • activityBarBadge.background#E9CD67
  • activityBarBadge.foreground#4D3E2D
  • button.background#E9CD67
  • button.foreground#4D3E2D
  • button.hoverBackground#E9CD67dd
  • editor.background#4D3E2D
  • editor.foreground#faf7ec
  • editor.inactiveSelectionBackground#ECD1793580
  • editor.lineHighlightBackground#211A1240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECD17935
  • editorCursor.foreground#E9CD67
  • editorGroupHeader.tabsBackground#4D3E2Ddd
  • editorLineNumber.activeForeground#E9CD67
  • editorLineNumber.foreground#e6d1b380
  • focusBorder#E9CD67
  • foreground#faf7ec
  • input.background#211A12
  • input.border#ffffff15
  • input.foreground#faf7ec
  • input.placeholderForeground#faf7ec60
  • list.activeSelectionBackground#E9CD6730
  • list.activeSelectionForeground#faf7ec
  • list.highlightForeground#E9CD67
  • list.hoverBackground#211A1240
  • list.hoverForeground#faf7ec
  • list.inactiveSelectionBackground#E9CD6715
  • list.inactiveSelectionForeground#faf7ec
  • selection.background#ECD17935
  • sideBar.background#211A12
  • sideBar.border#ffffff15
  • sideBar.foreground#faf7ec
  • sideBarSectionHeader.background#4D3E2D80
  • sideBarSectionHeader.foreground#faf7ec
  • sideBarTitle.foreground#E9CD67
  • statusBar.background#4D3E2D
  • statusBar.border#ffffff15
  • statusBar.foreground#faf7ec
  • statusBar.noFolderBackground#4D3E2D
  • tab.activeBackground#4D3E2D
  • tab.activeBorderTop#E9CD67
  • tab.activeForeground#faf7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#211A1260
  • tab.inactiveForeground#faf7ec80
  • terminal.ansiBlack#4D3E2D
  • terminal.ansiBlue#ECD179
  • terminal.ansiCyan#94E755
  • terminal.ansiGreen#E9CD67
  • terminal.ansiMagenta#D0F183
  • terminal.ansiRed#D0F183
  • terminal.ansiWhite#faf7ec
  • terminal.ansiYellow#94E755
  • terminal.background#4D3E2D
  • terminal.foreground#faf7ec
  • titleBar.activeBackground#4D3E2D
  • titleBar.activeForeground#faf7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4D3E2D
  • titleBar.inactiveForeground#faf7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6d1b3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECD179bold
storage.type, storage.modifier#ECD179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9CD67
string, punctuation.definition.string, string.template, meta.template.expression#94E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D0F183
variable, variable.other.readwrite, variable.other.object#faf7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#faf7ec
variable.parameter, meta.parameter#faf7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#faf7ec80
keyword.operator#faf7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#94E755bold
entity.other.inherited-class#E9CD67
entity.name.tag, punctuation.definition.tag#ECD179
entity.other.attribute-name#E9CD67
meta.diff, meta.diff.header#e6d1b3
markup.deleted#D0F183
markup.inserted#E9CD67
markup.changed#94E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9CD67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#94E755
string.other.link.title, string.other.link.description#E9CD67
markup.underline.link#e6d1b3underline
punctuation.definition.list#ECD179
markup.quote, punctuation.definition.quote#e6d1b3italic