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#303030
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A267
  • activityBar.inactiveForeground#FBF6EC60
  • activityBarBadge.background#E9A267
  • activityBarBadge.foreground#303030
  • button.background#E9A267
  • button.foreground#303030
  • button.hoverBackground#E9A267dd
  • editor.background#303030
  • editor.foreground#FBF6EC
  • editor.inactiveSelectionBackground#ECB1793580
  • editor.lineHighlightBackground#0F0F0F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB17935
  • editorCursor.foreground#E9A267
  • editorGroupHeader.tabsBackground#303030dd
  • editorLineNumber.activeForeground#E9A267
  • editorLineNumber.foreground#F6D9A680
  • focusBorder#E9A267
  • foreground#FBF6EC
  • input.background#0F0F0F
  • input.border#ffffff15
  • input.foreground#FBF6EC
  • input.placeholderForeground#FBF6EC60
  • list.activeSelectionBackground#E9A26730
  • list.activeSelectionForeground#FBF6EC
  • list.highlightForeground#E9A267
  • list.hoverBackground#0F0F0F40
  • list.hoverForeground#FBF6EC
  • list.inactiveSelectionBackground#E9A26715
  • list.inactiveSelectionForeground#FBF6EC
  • selection.background#ECB17935
  • sideBar.background#0F0F0F
  • sideBar.border#ffffff15
  • sideBar.foreground#FBF6EC
  • sideBarSectionHeader.background#30303080
  • sideBarSectionHeader.foreground#FBF6EC
  • sideBarTitle.foreground#E9A267
  • statusBar.background#303030
  • statusBar.border#ffffff15
  • statusBar.foreground#FBF6EC
  • statusBar.noFolderBackground#303030
  • tab.activeBackground#303030
  • tab.activeBorderTop#E9A267
  • tab.activeForeground#FBF6EC
  • tab.border#ffffff15
  • tab.inactiveBackground#0F0F0F60
  • tab.inactiveForeground#FBF6EC80
  • terminal.ansiBlack#303030
  • terminal.ansiBlue#ECB179
  • terminal.ansiCyan#E75570
  • terminal.ansiGreen#E9A267
  • terminal.ansiMagenta#F1CD83
  • terminal.ansiRed#F1CD83
  • terminal.ansiWhite#FBF6EC
  • terminal.ansiYellow#E75570
  • terminal.background#303030
  • terminal.foreground#FBF6EC
  • titleBar.activeBackground#303030
  • titleBar.activeForeground#FBF6EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#303030
  • titleBar.inactiveForeground#FBF6EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F6D9A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB179bold
storage.type, storage.modifier#ECB179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A267
string, punctuation.definition.string, string.template, meta.template.expression#E75570
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CD83
variable, variable.other.readwrite, variable.other.object#FBF6EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBF6EC
variable.parameter, meta.parameter#FBF6ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBF6EC80
keyword.operator#FBF6EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75570bold
entity.other.inherited-class#E9A267
entity.name.tag, punctuation.definition.tag#ECB179
entity.other.attribute-name#E9A267
meta.diff, meta.diff.header#F6D9A6
markup.deleted#F1CD83
markup.inserted#E9A267
markup.changed#E75570
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75570
string.other.link.title, string.other.link.description#E9A267
markup.underline.link#F6D9A6underline
punctuation.definition.list#ECB179
markup.quote, punctuation.definition.quote#F6D9A6italic
Morphous Theme by Ameyanagi - VS Code Theme