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#241912
  • activityBar.border#ffffff15
  • activityBar.foreground#8a5733
  • activityBar.inactiveForeground#f6eddc60
  • activityBarBadge.background#8a5733
  • activityBarBadge.foreground#241912
  • button.background#8a5733
  • button.foreground#241912
  • button.hoverBackground#8a5733dd
  • editor.background#241912
  • editor.foreground#f6eddc
  • editor.inactiveSelectionBackground#b978433580
  • editor.lineHighlightBackground#24191240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b9784335
  • editorCursor.foreground#8a5733
  • editorGroupHeader.tabsBackground#241912dd
  • editorLineNumber.activeForeground#8a5733
  • editorLineNumber.foreground#c8b89e80
  • focusBorder#8a5733
  • foreground#f6eddc
  • input.background#241912
  • input.border#ffffff15
  • input.foreground#f6eddc
  • input.placeholderForeground#f6eddc60
  • list.activeSelectionBackground#8a573330
  • list.activeSelectionForeground#f6eddc
  • list.highlightForeground#8a5733
  • list.hoverBackground#24191240
  • list.hoverForeground#f6eddc
  • list.inactiveSelectionBackground#8a573315
  • list.inactiveSelectionForeground#f6eddc
  • selection.background#b9784335
  • sideBar.background#241912
  • sideBar.border#ffffff15
  • sideBar.foreground#f6eddc
  • sideBarSectionHeader.background#24191280
  • sideBarSectionHeader.foreground#f6eddc
  • sideBarTitle.foreground#8a5733
  • statusBar.background#241912
  • statusBar.border#ffffff15
  • statusBar.foreground#f6eddc
  • statusBar.noFolderBackground#241912
  • tab.activeBackground#241912
  • tab.activeBorderTop#8a5733
  • tab.activeForeground#f6eddc
  • tab.border#ffffff15
  • tab.inactiveBackground#24191260
  • tab.inactiveForeground#f6eddc80
  • terminal.ansiBlack#241912
  • terminal.ansiBlue#b97843
  • terminal.ansiCyan#5f7f3f
  • terminal.ansiGreen#8a5733
  • terminal.ansiMagenta#b64b3a
  • terminal.ansiRed#b64b3a
  • terminal.ansiWhite#f6eddc
  • terminal.ansiYellow#5f7f3f
  • terminal.background#241912
  • terminal.foreground#f6eddc
  • titleBar.activeBackground#241912
  • titleBar.activeForeground#f6eddc
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#241912
  • titleBar.inactiveForeground#f6eddc60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8b89eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b97843bold
storage.type, storage.modifier#b97843italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8a5733
string, punctuation.definition.string, string.template, meta.template.expression#5f7f3f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b64b3a
variable, variable.other.readwrite, variable.other.object#f6eddc
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6eddc
variable.parameter, meta.parameter#f6eddcdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6eddc80
keyword.operator#f6eddc
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7f3fbold
entity.other.inherited-class#8a5733
entity.name.tag, punctuation.definition.tag#b97843
entity.other.attribute-name#8a5733
meta.diff, meta.diff.header#c8b89e
markup.deleted#b64b3a
markup.inserted#8a5733
markup.changed#5f7f3f
markup.heading, markup.heading.setext, punctuation.definition.heading#8a5733bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7f3f
string.other.link.title, string.other.link.description#8a5733
markup.underline.link#c8b89eunderline
punctuation.definition.list#b97843
markup.quote, punctuation.definition.quote#c8b89eitalic
Morphous Theme by Ameyanagi - VS Code Theme