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#F7F2E6
  • activityBar.border#00000015
  • activityBar.foreground#7a4a2f
  • activityBar.inactiveForeground#2B221A60
  • activityBarBadge.background#7a4a2f
  • activityBarBadge.foreground#F7F2E6
  • button.background#7a4a2f
  • button.foreground#F7F2E6
  • button.hoverBackground#7a4a2fdd
  • editor.background#F7F2E6
  • editor.foreground#2B221A
  • editor.inactiveSelectionBackground#b98a5b2580
  • editor.lineHighlightBackground#F3E8D550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b98a5b25
  • editorCursor.foreground#7a4a2f
  • editorGroupHeader.tabsBackground#F3E8D5aa
  • editorLineNumber.activeForeground#7a4a2f
  • editorLineNumber.foreground#788a5a80
  • focusBorder#7a4a2f
  • foreground#2B221A
  • input.background#F3E8D5
  • input.border#00000015
  • input.foreground#2B221A
  • input.placeholderForeground#2B221A60
  • list.activeSelectionBackground#7a4a2f30
  • list.activeSelectionForeground#2B221A
  • list.highlightForeground#7a4a2f
  • list.hoverBackground#F3E8D540
  • list.hoverForeground#2B221A
  • list.inactiveSelectionBackground#7a4a2f15
  • list.inactiveSelectionForeground#2B221A
  • selection.background#b98a5b25
  • sideBar.background#F3E8D5
  • sideBar.border#00000015
  • sideBar.foreground#2B221A
  • sideBarSectionHeader.background#F3E8D580
  • sideBarSectionHeader.foreground#2B221A
  • sideBarTitle.foreground#7a4a2f
  • statusBar.background#F7F2E6
  • statusBar.border#00000015
  • statusBar.foreground#2B221A
  • statusBar.noFolderBackground#F7F2E6
  • tab.activeBackground#F7F2E6
  • tab.activeBorderTop#7a4a2f
  • tab.activeForeground#2B221A
  • tab.border#00000015
  • tab.inactiveBackground#F7F2E660
  • tab.inactiveForeground#2B221A80
  • terminal.ansiBlack#2B221A
  • terminal.ansiBlue#b98a5b
  • terminal.ansiCyan#5E7F4C
  • terminal.ansiGreen#7a4a2f
  • terminal.ansiMagenta#c28a3d
  • terminal.ansiRed#c28a3d
  • terminal.ansiWhite#2B221A
  • terminal.ansiYellow#5E7F4C
  • terminal.background#F7F2E6
  • terminal.foreground#2B221A
  • titleBar.activeBackground#F7F2E6
  • titleBar.activeForeground#2B221A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F2E6
  • titleBar.inactiveForeground#2B221A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#788a5aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b98a5bbold
storage.type, storage.modifier#b98a5bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7a4a2f
string, punctuation.definition.string, string.template, meta.template.expression#5E7F4C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c28a3d
variable, variable.other.readwrite, variable.other.object#2B221A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B221A
variable.parameter, meta.parameter#2B221Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B221A80
keyword.operator#2B221A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5E7F4Cbold
entity.other.inherited-class#7a4a2f
entity.name.tag, punctuation.definition.tag#b98a5b
entity.other.attribute-name#7a4a2f
meta.diff, meta.diff.header#788a5a
markup.deleted#c28a3d
markup.inserted#7a4a2f
markup.changed#5E7F4C
markup.heading, markup.heading.setext, punctuation.definition.heading#7a4a2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5E7F4C
string.other.link.title, string.other.link.description#7a4a2f
markup.underline.link#788a5aunderline
punctuation.definition.list#b98a5b
markup.quote, punctuation.definition.quote#788a5aitalic
Morphous Theme by Ameyanagi - VS Code Theme