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#3C2D20
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A467
  • activityBar.inactiveForeground#F6EFE660
  • activityBarBadge.background#E9A467
  • activityBarBadge.foreground#3C2D20
  • button.background#E9A467
  • button.foreground#3C2D20
  • button.hoverBackground#E9A467dd
  • editor.background#3C2D20
  • editor.foreground#F6EFE6
  • editor.inactiveSelectionBackground#ECBA793580
  • editor.lineHighlightBackground#281D1540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBA7935
  • editorCursor.foreground#E9A467
  • editorGroupHeader.tabsBackground#3C2D20dd
  • editorLineNumber.activeForeground#E9A467
  • editorLineNumber.foreground#886E4F80
  • focusBorder#E9A467
  • foreground#F6EFE6
  • input.background#281D15
  • input.border#ffffff15
  • input.foreground#F6EFE6
  • input.placeholderForeground#F6EFE660
  • list.activeSelectionBackground#E9A46730
  • list.activeSelectionForeground#F6EFE6
  • list.highlightForeground#E9A467
  • list.hoverBackground#281D1540
  • list.hoverForeground#F6EFE6
  • list.inactiveSelectionBackground#E9A46715
  • list.inactiveSelectionForeground#F6EFE6
  • selection.background#ECBA7935
  • sideBar.background#281D15
  • sideBar.border#ffffff15
  • sideBar.foreground#F6EFE6
  • sideBarSectionHeader.background#3C2D2080
  • sideBarSectionHeader.foreground#F6EFE6
  • sideBarTitle.foreground#E9A467
  • statusBar.background#3C2D20
  • statusBar.border#ffffff15
  • statusBar.foreground#F6EFE6
  • statusBar.noFolderBackground#3C2D20
  • tab.activeBackground#3C2D20
  • tab.activeBorderTop#E9A467
  • tab.activeForeground#F6EFE6
  • tab.border#ffffff15
  • tab.inactiveBackground#281D1560
  • tab.inactiveForeground#F6EFE680
  • terminal.ansiBlack#3C2D20
  • terminal.ansiBlue#ECBA79
  • terminal.ansiCyan#55A5E7
  • terminal.ansiGreen#E9A467
  • terminal.ansiMagenta#83A8F1
  • terminal.ansiRed#83A8F1
  • terminal.ansiWhite#F6EFE6
  • terminal.ansiYellow#55A5E7
  • terminal.background#3C2D20
  • terminal.foreground#F6EFE6
  • titleBar.activeBackground#3C2D20
  • titleBar.activeForeground#F6EFE6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3C2D20
  • titleBar.inactiveForeground#F6EFE660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#886E4Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBA79bold
storage.type, storage.modifier#ECBA79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A467
string, punctuation.definition.string, string.template, meta.template.expression#55A5E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83A8F1
variable, variable.other.readwrite, variable.other.object#F6EFE6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6EFE6
variable.parameter, meta.parameter#F6EFE6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6EFE680
keyword.operator#F6EFE6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A5E7bold
entity.other.inherited-class#E9A467
entity.name.tag, punctuation.definition.tag#ECBA79
entity.other.attribute-name#E9A467
meta.diff, meta.diff.header#886E4F
markup.deleted#83A8F1
markup.inserted#E9A467
markup.changed#55A5E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A5E7
string.other.link.title, string.other.link.description#E9A467
markup.underline.link#886E4Funderline
punctuation.definition.list#ECBA79
markup.quote, punctuation.definition.quote#886E4Fitalic