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#4E443C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9AF67
  • activityBar.inactiveForeground#F3EFE660
  • activityBarBadge.background#E9AF67
  • activityBarBadge.foreground#4E443C
  • button.background#E9AF67
  • button.foreground#4E443C
  • button.hoverBackground#E9AF67dd
  • editor.background#4E443C
  • editor.foreground#F3EFE6
  • editor.inactiveSelectionBackground#A7EC793580
  • editor.lineHighlightBackground#23201F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A7EC7935
  • editorCursor.foreground#E9AF67
  • editorGroupHeader.tabsBackground#4E443Cdd
  • editorLineNumber.activeForeground#E9AF67
  • editorLineNumber.foreground#a98a6280
  • focusBorder#E9AF67
  • foreground#F3EFE6
  • input.background#23201F
  • input.border#ffffff15
  • input.foreground#F3EFE6
  • input.placeholderForeground#F3EFE660
  • list.activeSelectionBackground#E9AF6730
  • list.activeSelectionForeground#F3EFE6
  • list.highlightForeground#E9AF67
  • list.hoverBackground#23201F40
  • list.hoverForeground#F3EFE6
  • list.inactiveSelectionBackground#E9AF6715
  • list.inactiveSelectionForeground#F3EFE6
  • selection.background#A7EC7935
  • sideBar.background#23201F
  • sideBar.border#ffffff15
  • sideBar.foreground#F3EFE6
  • sideBarSectionHeader.background#4E443C80
  • sideBarSectionHeader.foreground#F3EFE6
  • sideBarTitle.foreground#E9AF67
  • statusBar.background#4E443C
  • statusBar.border#ffffff15
  • statusBar.foreground#F3EFE6
  • statusBar.noFolderBackground#4E443C
  • tab.activeBackground#4E443C
  • tab.activeBorderTop#E9AF67
  • tab.activeForeground#F3EFE6
  • tab.border#ffffff15
  • tab.inactiveBackground#23201F60
  • tab.inactiveForeground#F3EFE680
  • terminal.ansiBlack#4E443C
  • terminal.ansiBlue#A7EC79
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#E9AF67
  • terminal.ansiMagenta#83C9F1
  • terminal.ansiRed#83C9F1
  • terminal.ansiWhite#F3EFE6
  • terminal.ansiYellow#E7AF55
  • terminal.background#4E443C
  • terminal.foreground#F3EFE6
  • titleBar.activeBackground#4E443C
  • titleBar.activeForeground#F3EFE6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4E443C
  • titleBar.inactiveForeground#F3EFE660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98a62italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A7EC79bold
storage.type, storage.modifier#A7EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9AF67
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83C9F1
variable, variable.other.readwrite, variable.other.object#F3EFE6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3EFE6
variable.parameter, meta.parameter#F3EFE6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3EFE680
keyword.operator#F3EFE6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#E9AF67
entity.name.tag, punctuation.definition.tag#A7EC79
entity.other.attribute-name#E9AF67
meta.diff, meta.diff.header#a98a62
markup.deleted#83C9F1
markup.inserted#E9AF67
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9AF67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#E9AF67
markup.underline.link#a98a62underline
punctuation.definition.list#A7EC79
markup.quote, punctuation.definition.quote#a98a62italic