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#1B1A18
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676C
  • activityBar.inactiveForeground#f8f5ec60
  • activityBarBadge.background#E9676C
  • activityBarBadge.foreground#1B1A18
  • button.background#E9676C
  • button.foreground#1B1A18
  • button.hoverBackground#E9676Cdd
  • editor.background#1B1A18
  • editor.foreground#f8f5ec
  • editor.inactiveSelectionBackground#79EC883580
  • editor.lineHighlightBackground#0D0D0D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC8835
  • editorCursor.foreground#E9676C
  • editorGroupHeader.tabsBackground#1B1A18dd
  • editorLineNumber.activeForeground#E9676C
  • editorLineNumber.foreground#59684480
  • focusBorder#E9676C
  • foreground#f8f5ec
  • input.background#0D0D0D
  • input.border#ffffff15
  • input.foreground#f8f5ec
  • input.placeholderForeground#f8f5ec60
  • list.activeSelectionBackground#E9676C30
  • list.activeSelectionForeground#f8f5ec
  • list.highlightForeground#E9676C
  • list.hoverBackground#0D0D0D40
  • list.hoverForeground#f8f5ec
  • list.inactiveSelectionBackground#E9676C15
  • list.inactiveSelectionForeground#f8f5ec
  • selection.background#79EC8835
  • sideBar.background#0D0D0D
  • sideBar.border#ffffff15
  • sideBar.foreground#f8f5ec
  • sideBarSectionHeader.background#1B1A1880
  • sideBarSectionHeader.foreground#f8f5ec
  • sideBarTitle.foreground#E9676C
  • statusBar.background#1B1A18
  • statusBar.border#ffffff15
  • statusBar.foreground#f8f5ec
  • statusBar.noFolderBackground#1B1A18
  • tab.activeBackground#1B1A18
  • tab.activeBorderTop#E9676C
  • tab.activeForeground#f8f5ec
  • tab.border#ffffff15
  • tab.inactiveBackground#0D0D0D60
  • tab.inactiveForeground#f8f5ec80
  • terminal.ansiBlack#1B1A18
  • terminal.ansiBlue#79EC88
  • terminal.ansiCyan#E7B455
  • terminal.ansiGreen#E9676C
  • terminal.ansiMagenta#A8F183
  • terminal.ansiRed#A8F183
  • terminal.ansiWhite#f8f5ec
  • terminal.ansiYellow#E7B455
  • terminal.background#1B1A18
  • terminal.foreground#f8f5ec
  • titleBar.activeBackground#1B1A18
  • titleBar.activeForeground#f8f5ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1B1A18
  • titleBar.inactiveForeground#f8f5ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#596844italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC88bold
storage.type, storage.modifier#79EC88italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676C
string, punctuation.definition.string, string.template, meta.template.expression#E7B455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A8F183
variable, variable.other.readwrite, variable.other.object#f8f5ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f8f5ec
variable.parameter, meta.parameter#f8f5ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f8f5ec80
keyword.operator#f8f5ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B455bold
entity.other.inherited-class#E9676C
entity.name.tag, punctuation.definition.tag#79EC88
entity.other.attribute-name#E9676C
meta.diff, meta.diff.header#596844
markup.deleted#A8F183
markup.inserted#E9676C
markup.changed#E7B455
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B455
string.other.link.title, string.other.link.description#E9676C
markup.underline.link#596844underline
punctuation.definition.list#79EC88
markup.quote, punctuation.definition.quote#596844italic