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#1D251D
  • activityBar.border#ffffff15
  • activityBar.foreground#E96770
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#E96770
  • activityBarBadge.foreground#1D251D
  • button.background#E96770
  • button.foreground#1D251D
  • button.hoverBackground#E96770dd
  • editor.background#1D251D
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#79ECA33580
  • editor.lineHighlightBackground#0F140F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECA335
  • editorCursor.foreground#E96770
  • editorGroupHeader.tabsBackground#1D251Ddd
  • editorLineNumber.activeForeground#E96770
  • editorLineNumber.foreground#8C8F9480
  • focusBorder#E96770
  • foreground#FAFAF8
  • input.background#0F140F
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#E9677030
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#E96770
  • list.hoverBackground#0F140F40
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#E9677015
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#79ECA335
  • sideBar.background#0F140F
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#1D251D80
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#E96770
  • statusBar.background#1D251D
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#1D251D
  • tab.activeBackground#1D251D
  • tab.activeBorderTop#E96770
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#0F140F60
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#1D251D
  • terminal.ansiBlue#79ECA3
  • terminal.ansiCyan#E7A355
  • terminal.ansiGreen#E96770
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#E7A355
  • terminal.background#1D251D
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#1D251D
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D251D
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8C8F94italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECA3bold
storage.type, storage.modifier#79ECA3italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96770
string, punctuation.definition.string, string.template, meta.template.expression#E7A355
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7A355bold
entity.other.inherited-class#E96770
entity.name.tag, punctuation.definition.tag#79ECA3
entity.other.attribute-name#E96770
meta.diff, meta.diff.header#8C8F94
markup.deleted#F1BE83
markup.inserted#E96770
markup.changed#E7A355
markup.heading, markup.heading.setext, punctuation.definition.heading#E96770bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7A355
string.other.link.title, string.other.link.description#E96770
markup.underline.link#8C8F94underline
punctuation.definition.list#79ECA3
markup.quote, punctuation.definition.quote#8C8F94italic