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#FFFCFA
  • activityBar.border#00000015
  • activityBar.foreground#932535
  • activityBar.inactiveForeground#3A2F2A60
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#FFFCFA
  • button.background#932535
  • button.foreground#FFFCFA
  • button.hoverBackground#932535dd
  • editor.background#FFFCFA
  • editor.foreground#3A2F2A
  • editor.inactiveSelectionBackground#835F212580
  • editor.lineHighlightBackground#FFF9F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835F2125
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#FFF9F0aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#C9A99680
  • focusBorder#932535
  • foreground#3A2F2A
  • input.background#FFF9F0
  • input.border#00000015
  • input.foreground#3A2F2A
  • input.placeholderForeground#3A2F2A60
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#3A2F2A
  • list.highlightForeground#932535
  • list.hoverBackground#FFF9F040
  • list.hoverForeground#3A2F2A
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#3A2F2A
  • selection.background#835F2125
  • sideBar.background#FFF9F0
  • sideBar.border#00000015
  • sideBar.foreground#3A2F2A
  • sideBarSectionHeader.background#FFF9F080
  • sideBarSectionHeader.foreground#3A2F2A
  • sideBarTitle.foreground#932535
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#3A2F2A
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#932535
  • tab.activeForeground#3A2F2A
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#3A2F2A80
  • terminal.ansiBlack#3A2F2A
  • terminal.ansiBlue#835F21
  • terminal.ansiCyan#50A329
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#761933
  • terminal.ansiRed#761933
  • terminal.ansiWhite#3A2F2A
  • terminal.ansiYellow#50A329
  • terminal.background#FFFCFA
  • terminal.foreground#3A2F2A
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#3A2F2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#3A2F2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9A996italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835F21bold
storage.type, storage.modifier#835F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#50A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761933
variable, variable.other.readwrite, variable.other.object#3A2F2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2F2A
variable.parameter, meta.parameter#3A2F2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2F2A80
keyword.operator#3A2F2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#50A329bold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#835F21
entity.other.attribute-name#932535
meta.diff, meta.diff.header#C9A996
markup.deleted#761933
markup.inserted#932535
markup.changed#50A329
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#50A329
string.other.link.title, string.other.link.description#932535
markup.underline.link#C9A996underline
punctuation.definition.list#835F21
markup.quote, punctuation.definition.quote#C9A996italic
Morphous Theme by Ameyanagi - VS Code Theme