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#060505
  • activityBar.border#ffffff15
  • activityBar.foreground#E98367
  • activityBar.inactiveForeground#F4F2ED60
  • activityBarBadge.background#E98367
  • activityBarBadge.foreground#060505
  • button.background#E98367
  • button.foreground#060505
  • button.hoverBackground#E98367dd
  • editor.background#060505
  • editor.foreground#F4F2ED
  • editor.inactiveSelectionBackground#EC8C793580
  • editor.lineHighlightBackground#14121040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC8C7935
  • editorCursor.foreground#E98367
  • editorGroupHeader.tabsBackground#060505dd
  • editorLineNumber.activeForeground#E98367
  • editorLineNumber.foreground#B6B2A880
  • focusBorder#E98367
  • foreground#F4F2ED
  • input.background#141210
  • input.border#ffffff15
  • input.foreground#F4F2ED
  • input.placeholderForeground#F4F2ED60
  • list.activeSelectionBackground#E9836730
  • list.activeSelectionForeground#F4F2ED
  • list.highlightForeground#E98367
  • list.hoverBackground#14121040
  • list.hoverForeground#F4F2ED
  • list.inactiveSelectionBackground#E9836715
  • list.inactiveSelectionForeground#F4F2ED
  • selection.background#EC8C7935
  • sideBar.background#141210
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F2ED
  • sideBarSectionHeader.background#06050580
  • sideBarSectionHeader.foreground#F4F2ED
  • sideBarTitle.foreground#E98367
  • statusBar.background#060505
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F2ED
  • statusBar.noFolderBackground#060505
  • tab.activeBackground#060505
  • tab.activeBorderTop#E98367
  • tab.activeForeground#F4F2ED
  • tab.border#ffffff15
  • tab.inactiveBackground#14121060
  • tab.inactiveForeground#F4F2ED80
  • terminal.ansiBlack#060505
  • terminal.ansiBlue#EC8C79
  • terminal.ansiCyan#55E77C
  • terminal.ansiGreen#E98367
  • terminal.ansiMagenta#F19583
  • terminal.ansiRed#F19583
  • terminal.ansiWhite#F4F2ED
  • terminal.ansiYellow#55E77C
  • terminal.background#060505
  • terminal.foreground#F4F2ED
  • titleBar.activeBackground#060505
  • titleBar.activeForeground#F4F2ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060505
  • titleBar.inactiveForeground#F4F2ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B6B2A8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC8C79bold
storage.type, storage.modifier#EC8C79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98367
string, punctuation.definition.string, string.template, meta.template.expression#55E77C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19583
variable, variable.other.readwrite, variable.other.object#F4F2ED
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F2ED
variable.parameter, meta.parameter#F4F2EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F2ED80
keyword.operator#F4F2ED
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E77Cbold
entity.other.inherited-class#E98367
entity.name.tag, punctuation.definition.tag#EC8C79
entity.other.attribute-name#E98367
meta.diff, meta.diff.header#B6B2A8
markup.deleted#F19583
markup.inserted#E98367
markup.changed#55E77C
markup.heading, markup.heading.setext, punctuation.definition.heading#E98367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E77C
string.other.link.title, string.other.link.description#E98367
markup.underline.link#B6B2A8underline
punctuation.definition.list#EC8C79
markup.quote, punctuation.definition.quote#B6B2A8italic