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#1f211d
  • activityBar.border#ffffff15
  • activityBar.foreground#b7653b
  • activityBar.inactiveForeground#efe3cf60
  • activityBarBadge.background#b7653b
  • activityBarBadge.foreground#1f211d
  • button.background#b7653b
  • button.foreground#1f211d
  • button.hoverBackground#b7653bdd
  • editor.background#1f211d
  • editor.foreground#efe3cf
  • editor.inactiveSelectionBackground#7f8d723580
  • editor.lineHighlightBackground#2d292340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7f8d7235
  • editorCursor.foreground#b7653b
  • editorGroupHeader.tabsBackground#1f211ddd
  • editorLineNumber.activeForeground#b7653b
  • editorLineNumber.foreground#8a877d80
  • focusBorder#b7653b
  • foreground#efe3cf
  • input.background#2d2923
  • input.border#ffffff15
  • input.foreground#efe3cf
  • input.placeholderForeground#efe3cf60
  • list.activeSelectionBackground#b7653b30
  • list.activeSelectionForeground#efe3cf
  • list.highlightForeground#b7653b
  • list.hoverBackground#2d292340
  • list.hoverForeground#efe3cf
  • list.inactiveSelectionBackground#b7653b15
  • list.inactiveSelectionForeground#efe3cf
  • selection.background#7f8d7235
  • sideBar.background#2d2923
  • sideBar.border#ffffff15
  • sideBar.foreground#efe3cf
  • sideBarSectionHeader.background#1f211d80
  • sideBarSectionHeader.foreground#efe3cf
  • sideBarTitle.foreground#b7653b
  • statusBar.background#1f211d
  • statusBar.border#ffffff15
  • statusBar.foreground#efe3cf
  • statusBar.noFolderBackground#1f211d
  • tab.activeBackground#1f211d
  • tab.activeBorderTop#b7653b
  • tab.activeForeground#efe3cf
  • tab.border#ffffff15
  • tab.inactiveBackground#2d292360
  • tab.inactiveForeground#efe3cf80
  • terminal.ansiBlack#1f211d
  • terminal.ansiBlue#7f8d72
  • terminal.ansiCyan#d7b27a
  • terminal.ansiGreen#b7653b
  • terminal.ansiMagenta#f1e6d2
  • terminal.ansiRed#f1e6d2
  • terminal.ansiWhite#efe3cf
  • terminal.ansiYellow#d7b27a
  • terminal.background#1f211d
  • terminal.foreground#efe3cf
  • titleBar.activeBackground#1f211d
  • titleBar.activeForeground#efe3cf
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1f211d
  • 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#7f8d72bold
storage.type, storage.modifier#7f8d72italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b7653b
string, punctuation.definition.string, string.template, meta.template.expression#d7b27a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f1e6d2
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#d7b27abold
entity.other.inherited-class#b7653b
entity.name.tag, punctuation.definition.tag#7f8d72
entity.other.attribute-name#b7653b
meta.diff, meta.diff.header#8a877d
markup.deleted#f1e6d2
markup.inserted#b7653b
markup.changed#d7b27a
markup.heading, markup.heading.setext, punctuation.definition.heading#b7653bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d7b27a
string.other.link.title, string.other.link.description#b7653b
markup.underline.link#8a877dunderline
punctuation.definition.list#7f8d72
markup.quote, punctuation.definition.quote#8a877ditalic
Morphous Theme by Ameyanagi - VS Code Theme