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#545958
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#f7f4ea60
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#545958
  • button.background#E9A867
  • button.foreground#545958
  • button.hoverBackground#E9A867dd
  • editor.background#545958
  • editor.foreground#f7f4ea
  • editor.inactiveSelectionBackground#BEEC793580
  • editor.lineHighlightBackground#16151340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BEEC7935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#545958dd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#a5a66d80
  • focusBorder#E9A867
  • foreground#f7f4ea
  • input.background#161513
  • input.border#ffffff15
  • input.foreground#f7f4ea
  • input.placeholderForeground#f7f4ea60
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#f7f4ea
  • list.highlightForeground#E9A867
  • list.hoverBackground#16151340
  • list.hoverForeground#f7f4ea
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#f7f4ea
  • selection.background#BEEC7935
  • sideBar.background#161513
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f4ea
  • sideBarSectionHeader.background#54595880
  • sideBarSectionHeader.foreground#f7f4ea
  • sideBarTitle.foreground#E9A867
  • statusBar.background#545958
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f4ea
  • statusBar.noFolderBackground#545958
  • tab.activeBackground#545958
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#f7f4ea
  • tab.border#ffffff15
  • tab.inactiveBackground#16151360
  • tab.inactiveForeground#f7f4ea80
  • terminal.ansiBlack#545958
  • terminal.ansiBlue#BEEC79
  • terminal.ansiCyan#E79455
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1A283
  • terminal.ansiRed#F1A283
  • terminal.ansiWhite#f7f4ea
  • terminal.ansiYellow#E79455
  • terminal.background#545958
  • terminal.foreground#f7f4ea
  • titleBar.activeBackground#545958
  • titleBar.activeForeground#f7f4ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#545958
  • titleBar.inactiveForeground#f7f4ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a5a66ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BEEC79bold
storage.type, storage.modifier#BEEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#E79455
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A283
variable, variable.other.readwrite, variable.other.object#f7f4ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f4ea
variable.parameter, meta.parameter#f7f4eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f4ea80
keyword.operator#f7f4ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79455bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#BEEC79
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#a5a66d
markup.deleted#F1A283
markup.inserted#E9A867
markup.changed#E79455
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79455
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#a5a66dunderline
punctuation.definition.list#BEEC79
markup.quote, punctuation.definition.quote#a5a66ditalic
Morphous Theme by Ameyanagi - VS Code Theme