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#110F0D
  • activityBar.border#ffffff15
  • activityBar.foreground#E96767
  • activityBar.inactiveForeground#fbfaf760
  • activityBarBadge.background#E96767
  • activityBarBadge.foreground#110F0D
  • button.background#E96767
  • button.foreground#110F0D
  • button.hoverBackground#E96767dd
  • editor.background#110F0D
  • editor.foreground#fbfaf7
  • editor.inactiveSelectionBackground#79D1EC3580
  • editor.lineHighlightBackground#201E1D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D1EC35
  • editorCursor.foreground#E96767
  • editorGroupHeader.tabsBackground#110F0Ddd
  • editorLineNumber.activeForeground#E96767
  • editorLineNumber.foreground#c9989a80
  • focusBorder#E96767
  • foreground#fbfaf7
  • input.background#201E1D
  • input.border#ffffff15
  • input.foreground#fbfaf7
  • input.placeholderForeground#fbfaf760
  • list.activeSelectionBackground#E9676730
  • list.activeSelectionForeground#fbfaf7
  • list.highlightForeground#E96767
  • list.hoverBackground#201E1D40
  • list.hoverForeground#fbfaf7
  • list.inactiveSelectionBackground#E9676715
  • list.inactiveSelectionForeground#fbfaf7
  • selection.background#79D1EC35
  • sideBar.background#201E1D
  • sideBar.border#ffffff15
  • sideBar.foreground#fbfaf7
  • sideBarSectionHeader.background#110F0D80
  • sideBarSectionHeader.foreground#fbfaf7
  • sideBarTitle.foreground#E96767
  • statusBar.background#110F0D
  • statusBar.border#ffffff15
  • statusBar.foreground#fbfaf7
  • statusBar.noFolderBackground#110F0D
  • tab.activeBackground#110F0D
  • tab.activeBorderTop#E96767
  • tab.activeForeground#fbfaf7
  • tab.border#ffffff15
  • tab.inactiveBackground#201E1D60
  • tab.inactiveForeground#fbfaf780
  • terminal.ansiBlack#110F0D
  • terminal.ansiBlue#79D1EC
  • terminal.ansiCyan#E7555A
  • terminal.ansiGreen#E96767
  • terminal.ansiMagenta#F19483
  • terminal.ansiRed#F19483
  • terminal.ansiWhite#fbfaf7
  • terminal.ansiYellow#E7555A
  • terminal.background#110F0D
  • terminal.foreground#fbfaf7
  • titleBar.activeBackground#110F0D
  • titleBar.activeForeground#fbfaf7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#110F0D
  • titleBar.inactiveForeground#fbfaf760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9989aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D1ECbold
storage.type, storage.modifier#79D1ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96767
string, punctuation.definition.string, string.template, meta.template.expression#E7555A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19483
variable, variable.other.readwrite, variable.other.object#fbfaf7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbfaf7
variable.parameter, meta.parameter#fbfaf7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbfaf780
keyword.operator#fbfaf7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7555Abold
entity.other.inherited-class#E96767
entity.name.tag, punctuation.definition.tag#79D1EC
entity.other.attribute-name#E96767
meta.diff, meta.diff.header#c9989a
markup.deleted#F19483
markup.inserted#E96767
markup.changed#E7555A
markup.heading, markup.heading.setext, punctuation.definition.heading#E96767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7555A
string.other.link.title, string.other.link.description#E96767
markup.underline.link#c9989aunderline
punctuation.definition.list#79D1EC
markup.quote, punctuation.definition.quote#c9989aitalic