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#f7f0df
  • activityBar.border#00000015
  • activityBar.foreground#7b563f
  • activityBar.inactiveForeground#25201b60
  • activityBarBadge.background#7b563f
  • activityBarBadge.foreground#f7f0df
  • button.background#7b563f
  • button.foreground#f7f0df
  • button.hoverBackground#7b563fdd
  • editor.background#f7f0df
  • editor.foreground#25201b
  • editor.inactiveSelectionBackground#6f8fa72580
  • editor.lineHighlightBackground#f0e4cf50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6f8fa725
  • editorCursor.foreground#7b563f
  • editorGroupHeader.tabsBackground#f0e4cfaa
  • editorLineNumber.activeForeground#7b563f
  • editorLineNumber.foreground#49606f80
  • focusBorder#7b563f
  • foreground#25201b
  • input.background#f0e4cf
  • input.border#00000015
  • input.foreground#25201b
  • input.placeholderForeground#25201b60
  • list.activeSelectionBackground#7b563f30
  • list.activeSelectionForeground#25201b
  • list.highlightForeground#7b563f
  • list.hoverBackground#f0e4cf40
  • list.hoverForeground#25201b
  • list.inactiveSelectionBackground#7b563f15
  • list.inactiveSelectionForeground#25201b
  • selection.background#6f8fa725
  • sideBar.background#f0e4cf
  • sideBar.border#00000015
  • sideBar.foreground#25201b
  • sideBarSectionHeader.background#f0e4cf80
  • sideBarSectionHeader.foreground#25201b
  • sideBarTitle.foreground#7b563f
  • statusBar.background#f7f0df
  • statusBar.border#00000015
  • statusBar.foreground#25201b
  • statusBar.noFolderBackground#f7f0df
  • tab.activeBackground#f7f0df
  • tab.activeBorderTop#7b563f
  • tab.activeForeground#25201b
  • tab.border#00000015
  • tab.inactiveBackground#f7f0df60
  • tab.inactiveForeground#25201b80
  • terminal.ansiBlack#25201b
  • terminal.ansiBlue#6f8fa7
  • terminal.ansiCyan#e8dbc4
  • terminal.ansiGreen#7b563f
  • terminal.ansiMagenta#a9896a
  • terminal.ansiRed#a9896a
  • terminal.ansiWhite#25201b
  • terminal.ansiYellow#e8dbc4
  • terminal.background#f7f0df
  • terminal.foreground#25201b
  • titleBar.activeBackground#f7f0df
  • titleBar.activeForeground#25201b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7f0df
  • titleBar.inactiveForeground#25201b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#49606fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6f8fa7bold
storage.type, storage.modifier#6f8fa7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7b563f
string, punctuation.definition.string, string.template, meta.template.expression#e8dbc4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#a9896a
variable, variable.other.readwrite, variable.other.object#25201b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#25201b
variable.parameter, meta.parameter#25201bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#25201b80
keyword.operator#25201b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e8dbc4bold
entity.other.inherited-class#7b563f
entity.name.tag, punctuation.definition.tag#6f8fa7
entity.other.attribute-name#7b563f
meta.diff, meta.diff.header#49606f
markup.deleted#a9896a
markup.inserted#7b563f
markup.changed#e8dbc4
markup.heading, markup.heading.setext, punctuation.definition.heading#7b563fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e8dbc4
string.other.link.title, string.other.link.description#7b563f
markup.underline.link#49606funderline
punctuation.definition.list#6f8fa7
markup.quote, punctuation.definition.quote#49606fitalic
Morphous Theme by Ameyanagi - VS Code Theme