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#103342
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C267
  • activityBar.inactiveForeground#F7F3EC60
  • activityBarBadge.background#E9C267
  • activityBarBadge.foreground#103342
  • button.background#E9C267
  • button.foreground#103342
  • button.hoverBackground#E9C267dd
  • editor.background#103342
  • editor.foreground#F7F3EC
  • editor.inactiveSelectionBackground#ECC4793580
  • editor.lineHighlightBackground#0B2E3C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC47935
  • editorCursor.foreground#E9C267
  • editorGroupHeader.tabsBackground#103342dd
  • editorLineNumber.activeForeground#E9C267
  • editorLineNumber.foreground#FFF6E580
  • focusBorder#E9C267
  • foreground#F7F3EC
  • input.background#0B2E3C
  • input.border#ffffff15
  • input.foreground#F7F3EC
  • input.placeholderForeground#F7F3EC60
  • list.activeSelectionBackground#E9C26730
  • list.activeSelectionForeground#F7F3EC
  • list.highlightForeground#E9C267
  • list.hoverBackground#0B2E3C40
  • list.hoverForeground#F7F3EC
  • list.inactiveSelectionBackground#E9C26715
  • list.inactiveSelectionForeground#F7F3EC
  • selection.background#ECC47935
  • sideBar.background#0B2E3C
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F3EC
  • sideBarSectionHeader.background#10334280
  • sideBarSectionHeader.foreground#F7F3EC
  • sideBarTitle.foreground#E9C267
  • statusBar.background#103342
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F3EC
  • statusBar.noFolderBackground#103342
  • tab.activeBackground#103342
  • tab.activeBorderTop#E9C267
  • tab.activeForeground#F7F3EC
  • tab.border#ffffff15
  • tab.inactiveBackground#0B2E3C60
  • tab.inactiveForeground#F7F3EC80
  • terminal.ansiBlack#103342
  • terminal.ansiBlue#ECC479
  • terminal.ansiCyan#55C5E7
  • terminal.ansiGreen#E9C267
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#F7F3EC
  • terminal.ansiYellow#55C5E7
  • terminal.background#103342
  • terminal.foreground#F7F3EC
  • titleBar.activeBackground#103342
  • titleBar.activeForeground#F7F3EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#103342
  • titleBar.inactiveForeground#F7F3EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#FFF6E5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC479bold
storage.type, storage.modifier#ECC479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C267
string, punctuation.definition.string, string.template, meta.template.expression#55C5E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#F7F3EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F3EC
variable.parameter, meta.parameter#F7F3ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F3EC80
keyword.operator#F7F3EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55C5E7bold
entity.other.inherited-class#E9C267
entity.name.tag, punctuation.definition.tag#ECC479
entity.other.attribute-name#E9C267
meta.diff, meta.diff.header#FFF6E5
markup.deleted#F1D283
markup.inserted#E9C267
markup.changed#55C5E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55C5E7
string.other.link.title, string.other.link.description#E9C267
markup.underline.link#FFF6E5underline
punctuation.definition.list#ECC479
markup.quote, punctuation.definition.quote#FFF6E5italic