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#E3EAF2
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C767
  • activityBar.inactiveForeground#f7f9fc60
  • activityBarBadge.background#E9C767
  • activityBarBadge.foreground#E3EAF2
  • button.background#E9C767
  • button.foreground#E3EAF2
  • button.hoverBackground#E9C767dd
  • editor.background#E3EAF2
  • editor.foreground#f7f9fc
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#09101640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#E9C767
  • editorGroupHeader.tabsBackground#E3EAF2dd
  • editorLineNumber.activeForeground#E9C767
  • editorLineNumber.foreground#a6b1b780
  • focusBorder#E9C767
  • foreground#f7f9fc
  • input.background#091016
  • input.border#ffffff15
  • input.foreground#f7f9fc
  • input.placeholderForeground#f7f9fc60
  • list.activeSelectionBackground#E9C76730
  • list.activeSelectionForeground#f7f9fc
  • list.highlightForeground#E9C767
  • list.hoverBackground#09101640
  • list.hoverForeground#f7f9fc
  • list.inactiveSelectionBackground#E9C76715
  • list.inactiveSelectionForeground#f7f9fc
  • selection.background#ECC67935
  • sideBar.background#091016
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f9fc
  • sideBarSectionHeader.background#E3EAF280
  • sideBarSectionHeader.foreground#f7f9fc
  • sideBarTitle.foreground#E9C767
  • statusBar.background#E3EAF2
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f9fc
  • statusBar.noFolderBackground#E3EAF2
  • tab.activeBackground#E3EAF2
  • tab.activeBorderTop#E9C767
  • tab.activeForeground#f7f9fc
  • tab.border#ffffff15
  • tab.inactiveBackground#09101660
  • tab.inactiveForeground#f7f9fc80
  • terminal.ansiBlack#E3EAF2
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#55A3E7
  • terminal.ansiGreen#E9C767
  • terminal.ansiMagenta#83DBF1
  • terminal.ansiRed#83DBF1
  • terminal.ansiWhite#f7f9fc
  • terminal.ansiYellow#55A3E7
  • terminal.background#E3EAF2
  • terminal.foreground#f7f9fc
  • titleBar.activeBackground#E3EAF2
  • titleBar.activeForeground#f7f9fc
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#E3EAF2
  • titleBar.inactiveForeground#f7f9fc60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a6b1b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC679bold
storage.type, storage.modifier#ECC679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C767
string, punctuation.definition.string, string.template, meta.template.expression#55A3E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83DBF1
variable, variable.other.readwrite, variable.other.object#f7f9fc
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f9fc
variable.parameter, meta.parameter#f7f9fcdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f9fc80
keyword.operator#f7f9fc
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A3E7bold
entity.other.inherited-class#E9C767
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#E9C767
meta.diff, meta.diff.header#a6b1b7
markup.deleted#83DBF1
markup.inserted#E9C767
markup.changed#55A3E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A3E7
string.other.link.title, string.other.link.description#E9C767
markup.underline.link#a6b1b7underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#a6b1b7italic