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#FFF8E0
  • activityBar.border#ffffff15
  • activityBar.foreground#E9BC67
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#E9BC67
  • activityBarBadge.foreground#FFF8E0
  • button.background#E9BC67
  • button.foreground#FFF8E0
  • button.hoverBackground#E9BC67dd
  • editor.background#FFF8E0
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#ECC4793580
  • editor.lineHighlightBackground#2C1B1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC47935
  • editorCursor.foreground#E9BC67
  • editorGroupHeader.tabsBackground#FFF8E0dd
  • editorLineNumber.activeForeground#E9BC67
  • editorLineNumber.foreground#AFA48F80
  • focusBorder#E9BC67
  • foreground#F7F5EF
  • input.background#2C1B11
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#E9BC6730
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#E9BC67
  • list.hoverBackground#2C1B1140
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#E9BC6715
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#ECC47935
  • sideBar.background#2C1B11
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#FFF8E080
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#E9BC67
  • statusBar.background#FFF8E0
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#FFF8E0
  • tab.activeBackground#FFF8E0
  • tab.activeBorderTop#E9BC67
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#2C1B1160
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#FFF8E0
  • terminal.ansiBlue#ECC479
  • terminal.ansiCyan#E79C55
  • terminal.ansiGreen#E9BC67
  • terminal.ansiMagenta#F19483
  • terminal.ansiRed#F19483
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#E79C55
  • terminal.background#FFF8E0
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#FFF8E0
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#FFF8E0
  • titleBar.inactiveForeground#F7F5EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AFA48Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC479bold
storage.type, storage.modifier#ECC479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9BC67
string, punctuation.definition.string, string.template, meta.template.expression#E79C55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19483
variable, variable.other.readwrite, variable.other.object#F7F5EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5EF
variable.parameter, meta.parameter#F7F5EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5EF80
keyword.operator#F7F5EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79C55bold
entity.other.inherited-class#E9BC67
entity.name.tag, punctuation.definition.tag#ECC479
entity.other.attribute-name#E9BC67
meta.diff, meta.diff.header#AFA48F
markup.deleted#F19483
markup.inserted#E9BC67
markup.changed#E79C55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9BC67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79C55
string.other.link.title, string.other.link.description#E9BC67
markup.underline.link#AFA48Funderline
punctuation.definition.list#ECC479
markup.quote, punctuation.definition.quote#AFA48Fitalic