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#1E2923
  • activityBar.border#ffffff15
  • activityBar.foreground#E96767
  • activityBar.inactiveForeground#f3ead760
  • activityBarBadge.background#E96767
  • activityBarBadge.foreground#1E2923
  • button.background#E96767
  • button.foreground#1E2923
  • button.hoverBackground#E96767dd
  • editor.background#1E2923
  • editor.foreground#f3ead7
  • editor.inactiveSelectionBackground#ECEC793580
  • editor.lineHighlightBackground#14151540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECEC7935
  • editorCursor.foreground#E96767
  • editorGroupHeader.tabsBackground#1E2923dd
  • editorLineNumber.activeForeground#E96767
  • editorLineNumber.foreground#c4c4b880
  • focusBorder#E96767
  • foreground#f3ead7
  • input.background#141515
  • input.border#ffffff15
  • input.foreground#f3ead7
  • input.placeholderForeground#f3ead760
  • list.activeSelectionBackground#E9676730
  • list.activeSelectionForeground#f3ead7
  • list.highlightForeground#E96767
  • list.hoverBackground#14151540
  • list.hoverForeground#f3ead7
  • list.inactiveSelectionBackground#E9676715
  • list.inactiveSelectionForeground#f3ead7
  • selection.background#ECEC7935
  • sideBar.background#141515
  • sideBar.border#ffffff15
  • sideBar.foreground#f3ead7
  • sideBarSectionHeader.background#1E292380
  • sideBarSectionHeader.foreground#f3ead7
  • sideBarTitle.foreground#E96767
  • statusBar.background#1E2923
  • statusBar.border#ffffff15
  • statusBar.foreground#f3ead7
  • statusBar.noFolderBackground#1E2923
  • tab.activeBackground#1E2923
  • tab.activeBorderTop#E96767
  • tab.activeForeground#f3ead7
  • tab.border#ffffff15
  • tab.inactiveBackground#14151560
  • tab.inactiveForeground#f3ead780
  • terminal.ansiBlack#1E2923
  • terminal.ansiBlue#ECEC79
  • terminal.ansiCyan#E7C555
  • terminal.ansiGreen#E96767
  • terminal.ansiMagenta#D8F183
  • terminal.ansiRed#D8F183
  • terminal.ansiWhite#f3ead7
  • terminal.ansiYellow#E7C555
  • terminal.background#1E2923
  • terminal.foreground#f3ead7
  • titleBar.activeBackground#1E2923
  • titleBar.activeForeground#f3ead7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1E2923
  • titleBar.inactiveForeground#f3ead760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c4c4b8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECEC79bold
storage.type, storage.modifier#ECEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96767
string, punctuation.definition.string, string.template, meta.template.expression#E7C555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D8F183
variable, variable.other.readwrite, variable.other.object#f3ead7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3ead7
variable.parameter, meta.parameter#f3ead7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3ead780
keyword.operator#f3ead7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C555bold
entity.other.inherited-class#E96767
entity.name.tag, punctuation.definition.tag#ECEC79
entity.other.attribute-name#E96767
meta.diff, meta.diff.header#c4c4b8
markup.deleted#D8F183
markup.inserted#E96767
markup.changed#E7C555
markup.heading, markup.heading.setext, punctuation.definition.heading#E96767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C555
string.other.link.title, string.other.link.description#E96767
markup.underline.link#c4c4b8underline
punctuation.definition.list#ECEC79
markup.quote, punctuation.definition.quote#c4c4b8italic