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#141613
  • activityBar.border#ffffff15
  • activityBar.foreground#E99367
  • activityBar.inactiveForeground#efe3cf60
  • activityBarBadge.background#E99367
  • activityBarBadge.foreground#141613
  • button.background#E99367
  • button.foreground#141613
  • button.hoverBackground#E99367dd
  • editor.background#141613
  • editor.foreground#efe3cf
  • editor.inactiveSelectionBackground#B1EC793580
  • editor.lineHighlightBackground#231F1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B1EC7935
  • editorCursor.foreground#E99367
  • editorGroupHeader.tabsBackground#141613dd
  • editorLineNumber.activeForeground#E99367
  • editorLineNumber.foreground#8a877d80
  • focusBorder#E99367
  • foreground#efe3cf
  • input.background#231F1B
  • input.border#ffffff15
  • input.foreground#efe3cf
  • input.placeholderForeground#efe3cf60
  • list.activeSelectionBackground#E9936730
  • list.activeSelectionForeground#efe3cf
  • list.highlightForeground#E99367
  • list.hoverBackground#231F1B40
  • list.hoverForeground#efe3cf
  • list.inactiveSelectionBackground#E9936715
  • list.inactiveSelectionForeground#efe3cf
  • selection.background#B1EC7935
  • sideBar.background#231F1B
  • sideBar.border#ffffff15
  • sideBar.foreground#efe3cf
  • sideBarSectionHeader.background#14161380
  • sideBarSectionHeader.foreground#efe3cf
  • sideBarTitle.foreground#E99367
  • statusBar.background#141613
  • statusBar.border#ffffff15
  • statusBar.foreground#efe3cf
  • statusBar.noFolderBackground#141613
  • tab.activeBackground#141613
  • tab.activeBorderTop#E99367
  • tab.activeForeground#efe3cf
  • tab.border#ffffff15
  • tab.inactiveBackground#231F1B60
  • tab.inactiveForeground#efe3cf80
  • terminal.ansiBlack#141613
  • terminal.ansiBlue#B1EC79
  • terminal.ansiCyan#E7AD55
  • terminal.ansiGreen#E99367
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#efe3cf
  • terminal.ansiYellow#E7AD55
  • terminal.background#141613
  • terminal.foreground#efe3cf
  • titleBar.activeBackground#141613
  • titleBar.activeForeground#efe3cf
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#141613
  • titleBar.inactiveForeground#efe3cf60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a877ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B1EC79bold
storage.type, storage.modifier#B1EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99367
string, punctuation.definition.string, string.template, meta.template.expression#E7AD55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#efe3cf
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#efe3cf
variable.parameter, meta.parameter#efe3cfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#efe3cf80
keyword.operator#efe3cf
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AD55bold
entity.other.inherited-class#E99367
entity.name.tag, punctuation.definition.tag#B1EC79
entity.other.attribute-name#E99367
meta.diff, meta.diff.header#8a877d
markup.deleted#F1CB83
markup.inserted#E99367
markup.changed#E7AD55
markup.heading, markup.heading.setext, punctuation.definition.heading#E99367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AD55
string.other.link.title, string.other.link.description#E99367
markup.underline.link#8a877dunderline
punctuation.definition.list#B1EC79
markup.quote, punctuation.definition.quote#8a877ditalic
Morphous Theme by Ameyanagi - VS Code Theme