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#2D231A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A267
  • activityBar.inactiveForeground#F4EFE660
  • activityBarBadge.background#E9A267
  • activityBarBadge.foreground#2D231A
  • button.background#E9A267
  • button.foreground#2D231A
  • button.hoverBackground#E9A267dd
  • editor.background#2D231A
  • editor.foreground#F4EFE6
  • editor.inactiveSelectionBackground#ECB3793580
  • editor.lineHighlightBackground#080C0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB37935
  • editorCursor.foreground#E9A267
  • editorGroupHeader.tabsBackground#2D231Add
  • editorLineNumber.activeForeground#E9A267
  • editorLineNumber.foreground#7a5a3a80
  • focusBorder#E9A267
  • foreground#F4EFE6
  • input.background#080C0B
  • input.border#ffffff15
  • input.foreground#F4EFE6
  • input.placeholderForeground#F4EFE660
  • list.activeSelectionBackground#E9A26730
  • list.activeSelectionForeground#F4EFE6
  • list.highlightForeground#E9A267
  • list.hoverBackground#080C0B40
  • list.hoverForeground#F4EFE6
  • list.inactiveSelectionBackground#E9A26715
  • list.inactiveSelectionForeground#F4EFE6
  • selection.background#ECB37935
  • sideBar.background#080C0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F4EFE6
  • sideBarSectionHeader.background#2D231A80
  • sideBarSectionHeader.foreground#F4EFE6
  • sideBarTitle.foreground#E9A267
  • statusBar.background#2D231A
  • statusBar.border#ffffff15
  • statusBar.foreground#F4EFE6
  • statusBar.noFolderBackground#2D231A
  • tab.activeBackground#2D231A
  • tab.activeBorderTop#E9A267
  • tab.activeForeground#F4EFE6
  • tab.border#ffffff15
  • tab.inactiveBackground#080C0B60
  • tab.inactiveForeground#F4EFE680
  • terminal.ansiBlack#2D231A
  • terminal.ansiBlue#ECB379
  • terminal.ansiCyan#9CE755
  • terminal.ansiGreen#E9A267
  • terminal.ansiMagenta#B1F183
  • terminal.ansiRed#B1F183
  • terminal.ansiWhite#F4EFE6
  • terminal.ansiYellow#9CE755
  • terminal.background#2D231A
  • terminal.foreground#F4EFE6
  • titleBar.activeBackground#2D231A
  • titleBar.activeForeground#F4EFE6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2D231A
  • titleBar.inactiveForeground#F4EFE660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7a5a3aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB379bold
storage.type, storage.modifier#ECB379italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A267
string, punctuation.definition.string, string.template, meta.template.expression#9CE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B1F183
variable, variable.other.readwrite, variable.other.object#F4EFE6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4EFE6
variable.parameter, meta.parameter#F4EFE6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4EFE680
keyword.operator#F4EFE6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9CE755bold
entity.other.inherited-class#E9A267
entity.name.tag, punctuation.definition.tag#ECB379
entity.other.attribute-name#E9A267
meta.diff, meta.diff.header#7a5a3a
markup.deleted#B1F183
markup.inserted#E9A267
markup.changed#9CE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9CE755
string.other.link.title, string.other.link.description#E9A267
markup.underline.link#7a5a3aunderline
punctuation.definition.list#ECB379
markup.quote, punctuation.definition.quote#7a5a3aitalic