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#790C1E
  • activityBar.border#ffffff15
  • activityBar.foreground#E9677D
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#E9677D
  • activityBarBadge.foreground#790C1E
  • button.background#E9677D
  • button.foreground#790C1E
  • button.hoverBackground#E9677Ddd
  • editor.background#790C1E
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#ECC9793580
  • editor.lineHighlightBackground#05090F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC97935
  • editorCursor.foreground#E9677D
  • editorGroupHeader.tabsBackground#790C1Edd
  • editorLineNumber.activeForeground#E9677D
  • editorLineNumber.foreground#E9E4D780
  • focusBorder#E9677D
  • foreground#FAFAF8
  • input.background#05090F
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#E9677D30
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#E9677D
  • list.hoverBackground#05090F40
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#E9677D15
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#ECC97935
  • sideBar.background#05090F
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#790C1E80
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#E9677D
  • statusBar.background#790C1E
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#790C1E
  • tab.activeBackground#790C1E
  • tab.activeBorderTop#E9677D
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#05090F60
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#790C1E
  • terminal.ansiBlue#ECC979
  • terminal.ansiCyan#55ADE7
  • terminal.ansiGreen#E9677D
  • terminal.ansiMagenta#83F1F1
  • terminal.ansiRed#83F1F1
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#55ADE7
  • terminal.background#790C1E
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#790C1E
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#790C1E
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9E4D7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC979bold
storage.type, storage.modifier#ECC979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9677D
string, punctuation.definition.string, string.template, meta.template.expression#55ADE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1F1
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#55ADE7bold
entity.other.inherited-class#E9677D
entity.name.tag, punctuation.definition.tag#ECC979
entity.other.attribute-name#E9677D
meta.diff, meta.diff.header#E9E4D7
markup.deleted#83F1F1
markup.inserted#E9677D
markup.changed#55ADE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9677Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55ADE7
string.other.link.title, string.other.link.description#E9677D
markup.underline.link#E9E4D7underline
punctuation.definition.list#ECC979
markup.quote, punctuation.definition.quote#E9E4D7italic