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#18100C
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#f6eddc60
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#18100C
  • button.background#E99D67
  • button.foreground#18100C
  • button.hoverBackground#E99D67dd
  • editor.background#18100C
  • editor.foreground#f6eddc
  • editor.inactiveSelectionBackground#ECAD793580
  • editor.lineHighlightBackground#18100C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECAD7935
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#18100Cdd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#c8b89e80
  • focusBorder#E99D67
  • foreground#f6eddc
  • input.background#18100C
  • input.border#ffffff15
  • input.foreground#f6eddc
  • input.placeholderForeground#f6eddc60
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#f6eddc
  • list.highlightForeground#E99D67
  • list.hoverBackground#18100C40
  • list.hoverForeground#f6eddc
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#f6eddc
  • selection.background#ECAD7935
  • sideBar.background#18100C
  • sideBar.border#ffffff15
  • sideBar.foreground#f6eddc
  • sideBarSectionHeader.background#18100C80
  • sideBarSectionHeader.foreground#f6eddc
  • sideBarTitle.foreground#E99D67
  • statusBar.background#18100C
  • statusBar.border#ffffff15
  • statusBar.foreground#f6eddc
  • statusBar.noFolderBackground#18100C
  • tab.activeBackground#18100C
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#f6eddc
  • tab.border#ffffff15
  • tab.inactiveBackground#18100C60
  • tab.inactiveForeground#f6eddc80
  • terminal.ansiBlack#18100C
  • terminal.ansiBlue#ECAD79
  • terminal.ansiCyan#9EE755
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#F19283
  • terminal.ansiRed#F19283
  • terminal.ansiWhite#f6eddc
  • terminal.ansiYellow#9EE755
  • terminal.background#18100C
  • terminal.foreground#f6eddc
  • titleBar.activeBackground#18100C
  • titleBar.activeForeground#f6eddc
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#18100C
  • titleBar.inactiveForeground#f6eddc60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8b89eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECAD79bold
storage.type, storage.modifier#ECAD79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#9EE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19283
variable, variable.other.readwrite, variable.other.object#f6eddc
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6eddc
variable.parameter, meta.parameter#f6eddcdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6eddc80
keyword.operator#f6eddc
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9EE755bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#ECAD79
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#c8b89e
markup.deleted#F19283
markup.inserted#E99D67
markup.changed#9EE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9EE755
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#c8b89eunderline
punctuation.definition.list#ECAD79
markup.quote, punctuation.definition.quote#c8b89eitalic