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#6C4F3D
  • activityBar.border#ffffff15
  • activityBar.foreground#E97967
  • activityBar.inactiveForeground#F6F4EE60
  • activityBarBadge.background#E97967
  • activityBarBadge.foreground#6C4F3D
  • button.background#E97967
  • button.foreground#6C4F3D
  • button.hoverBackground#E97967dd
  • editor.background#6C4F3D
  • editor.foreground#F6F4EE
  • editor.inactiveSelectionBackground#ECC6793580
  • editor.lineHighlightBackground#0A0C1040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC67935
  • editorCursor.foreground#E97967
  • editorGroupHeader.tabsBackground#6C4F3Ddd
  • editorLineNumber.activeForeground#E97967
  • editorLineNumber.foreground#C8B79080
  • focusBorder#E97967
  • foreground#F6F4EE
  • input.background#0A0C10
  • input.border#ffffff15
  • input.foreground#F6F4EE
  • input.placeholderForeground#F6F4EE60
  • list.activeSelectionBackground#E9796730
  • list.activeSelectionForeground#F6F4EE
  • list.highlightForeground#E97967
  • list.hoverBackground#0A0C1040
  • list.hoverForeground#F6F4EE
  • list.inactiveSelectionBackground#E9796715
  • list.inactiveSelectionForeground#F6F4EE
  • selection.background#ECC67935
  • sideBar.background#0A0C10
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F4EE
  • sideBarSectionHeader.background#6C4F3D80
  • sideBarSectionHeader.foreground#F6F4EE
  • sideBarTitle.foreground#E97967
  • statusBar.background#6C4F3D
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F4EE
  • statusBar.noFolderBackground#6C4F3D
  • tab.activeBackground#6C4F3D
  • tab.activeBorderTop#E97967
  • tab.activeForeground#F6F4EE
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0C1060
  • tab.inactiveForeground#F6F4EE80
  • terminal.ansiBlack#6C4F3D
  • terminal.ansiBlue#ECC679
  • terminal.ansiCyan#5599E7
  • terminal.ansiGreen#E97967
  • terminal.ansiMagenta#F1BE83
  • terminal.ansiRed#F1BE83
  • terminal.ansiWhite#F6F4EE
  • terminal.ansiYellow#5599E7
  • terminal.background#6C4F3D
  • terminal.foreground#F6F4EE
  • titleBar.activeBackground#6C4F3D
  • titleBar.activeForeground#F6F4EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6C4F3D
  • titleBar.inactiveForeground#F6F4EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B790italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC679bold
storage.type, storage.modifier#ECC679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97967
string, punctuation.definition.string, string.template, meta.template.expression#5599E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BE83
variable, variable.other.readwrite, variable.other.object#F6F4EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F4EE
variable.parameter, meta.parameter#F6F4EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F4EE80
keyword.operator#F6F4EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5599E7bold
entity.other.inherited-class#E97967
entity.name.tag, punctuation.definition.tag#ECC679
entity.other.attribute-name#E97967
meta.diff, meta.diff.header#C8B790
markup.deleted#F1BE83
markup.inserted#E97967
markup.changed#5599E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E97967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5599E7
string.other.link.title, string.other.link.description#E97967
markup.underline.link#C8B790underline
punctuation.definition.list#ECC679
markup.quote, punctuation.definition.quote#C8B790italic
Morphous Theme by Ameyanagi - VS Code Theme