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#F7F0DF
  • activityBar.border#00000015
  • activityBar.foreground#B7652A
  • activityBar.inactiveForeground#20181260
  • activityBarBadge.background#B7652A
  • activityBarBadge.foreground#F7F0DF
  • button.background#B7652A
  • button.foreground#F7F0DF
  • button.hoverBackground#B7652Add
  • editor.background#F7F0DF
  • editor.foreground#201812
  • editor.inactiveSelectionBackground#1F5F502580
  • editor.lineHighlightBackground#FFF8EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#1F5F5025
  • editorCursor.foreground#B7652A
  • editorGroupHeader.tabsBackground#FFF8EAaa
  • editorLineNumber.activeForeground#B7652A
  • editorLineNumber.foreground#D8C59A80
  • focusBorder#B7652A
  • foreground#201812
  • input.background#FFF8EA
  • input.border#00000015
  • input.foreground#201812
  • input.placeholderForeground#20181260
  • list.activeSelectionBackground#B7652A30
  • list.activeSelectionForeground#201812
  • list.highlightForeground#B7652A
  • list.hoverBackground#FFF8EA40
  • list.hoverForeground#201812
  • list.inactiveSelectionBackground#B7652A15
  • list.inactiveSelectionForeground#201812
  • selection.background#1F5F5025
  • sideBar.background#FFF8EA
  • sideBar.border#00000015
  • sideBar.foreground#201812
  • sideBarSectionHeader.background#FFF8EA80
  • sideBarSectionHeader.foreground#201812
  • sideBarTitle.foreground#B7652A
  • statusBar.background#F7F0DF
  • statusBar.border#00000015
  • statusBar.foreground#201812
  • statusBar.noFolderBackground#F7F0DF
  • tab.activeBackground#F7F0DF
  • tab.activeBorderTop#B7652A
  • tab.activeForeground#201812
  • tab.border#00000015
  • tab.inactiveBackground#F7F0DF60
  • tab.inactiveForeground#20181280
  • terminal.ansiBlack#201812
  • terminal.ansiBlue#1F5F50
  • terminal.ansiCyan#D6A443
  • terminal.ansiGreen#B7652A
  • terminal.ansiMagenta#A6261D
  • terminal.ansiRed#A6261D
  • terminal.ansiWhite#201812
  • terminal.ansiYellow#D6A443
  • terminal.background#F7F0DF
  • terminal.foreground#201812
  • titleBar.activeBackground#F7F0DF
  • titleBar.activeForeground#201812
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0DF
  • titleBar.inactiveForeground#20181260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C59Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#1F5F50bold
storage.type, storage.modifier#1F5F50italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B7652A
string, punctuation.definition.string, string.template, meta.template.expression#D6A443
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A6261D
variable, variable.other.readwrite, variable.other.object#201812
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#201812
variable.parameter, meta.parameter#201812dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#20181280
keyword.operator#201812
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D6A443bold
entity.other.inherited-class#B7652A
entity.name.tag, punctuation.definition.tag#1F5F50
entity.other.attribute-name#B7652A
meta.diff, meta.diff.header#D8C59A
markup.deleted#A6261D
markup.inserted#B7652A
markup.changed#D6A443
markup.heading, markup.heading.setext, punctuation.definition.heading#B7652Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D6A443
string.other.link.title, string.other.link.description#B7652A
markup.underline.link#D8C59Aunderline
punctuation.definition.list#1F5F50
markup.quote, punctuation.definition.quote#D8C59Aitalic