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#4D3119
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#fff8e660
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#4D3119
  • button.background#E9C967
  • button.foreground#4D3119
  • button.hoverBackground#E9C967dd
  • editor.background#4D3119
  • editor.foreground#fff8e6
  • editor.inactiveSelectionBackground#9FEC793580
  • editor.lineHighlightBackground#1D110C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9FEC7935
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#4D3119dd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#e6e9d980
  • focusBorder#E9C967
  • foreground#fff8e6
  • input.background#1D110C
  • input.border#ffffff15
  • input.foreground#fff8e6
  • input.placeholderForeground#fff8e660
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#fff8e6
  • list.highlightForeground#E9C967
  • list.hoverBackground#1D110C40
  • list.hoverForeground#fff8e6
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#fff8e6
  • selection.background#9FEC7935
  • sideBar.background#1D110C
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8e6
  • sideBarSectionHeader.background#4D311980
  • sideBarSectionHeader.foreground#fff8e6
  • sideBarTitle.foreground#E9C967
  • statusBar.background#4D3119
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8e6
  • statusBar.noFolderBackground#4D3119
  • tab.activeBackground#4D3119
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#fff8e6
  • tab.border#ffffff15
  • tab.inactiveBackground#1D110C60
  • tab.inactiveForeground#fff8e680
  • terminal.ansiBlack#4D3119
  • terminal.ansiBlue#9FEC79
  • terminal.ansiCyan#E7C555
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#fff8e6
  • terminal.ansiYellow#E7C555
  • terminal.background#4D3119
  • terminal.foreground#fff8e6
  • titleBar.activeBackground#4D3119
  • titleBar.activeForeground#fff8e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4D3119
  • titleBar.inactiveForeground#fff8e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9d9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9FEC79bold
storage.type, storage.modifier#9FEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#E7C555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#fff8e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8e6
variable.parameter, meta.parameter#fff8e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8e680
keyword.operator#fff8e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C555bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#9FEC79
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#e6e9d9
markup.deleted#F1BE83
markup.inserted#E9C967
markup.changed#E7C555
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C555
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#e6e9d9underline
punctuation.definition.list#9FEC79
markup.quote, punctuation.definition.quote#e6e9d9italic