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#1d1712
  • activityBar.border#ffffff15
  • activityBar.foreground#7a4a27
  • activityBar.inactiveForeground#f5f1e860
  • activityBarBadge.background#7a4a27
  • activityBarBadge.foreground#1d1712
  • button.background#7a4a27
  • button.foreground#1d1712
  • button.hoverBackground#7a4a27dd
  • editor.background#1d1712
  • editor.foreground#f5f1e8
  • editor.inactiveSelectionBackground#c8c8bd3580
  • editor.lineHighlightBackground#2c211940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c8c8bd35
  • editorCursor.foreground#7a4a27
  • editorGroupHeader.tabsBackground#1d1712dd
  • editorLineNumber.activeForeground#7a4a27
  • editorLineNumber.foreground#a9866380
  • focusBorder#7a4a27
  • foreground#f5f1e8
  • input.background#2c2119
  • input.border#ffffff15
  • input.foreground#f5f1e8
  • input.placeholderForeground#f5f1e860
  • list.activeSelectionBackground#7a4a2730
  • list.activeSelectionForeground#f5f1e8
  • list.highlightForeground#7a4a27
  • list.hoverBackground#2c211940
  • list.hoverForeground#f5f1e8
  • list.inactiveSelectionBackground#7a4a2715
  • list.inactiveSelectionForeground#f5f1e8
  • selection.background#c8c8bd35
  • sideBar.background#2c2119
  • sideBar.border#ffffff15
  • sideBar.foreground#f5f1e8
  • sideBarSectionHeader.background#1d171280
  • sideBarSectionHeader.foreground#f5f1e8
  • sideBarTitle.foreground#7a4a27
  • statusBar.background#1d1712
  • statusBar.border#ffffff15
  • statusBar.foreground#f5f1e8
  • statusBar.noFolderBackground#1d1712
  • tab.activeBackground#1d1712
  • tab.activeBorderTop#7a4a27
  • tab.activeForeground#f5f1e8
  • tab.border#ffffff15
  • tab.inactiveBackground#2c211960
  • tab.inactiveForeground#f5f1e880
  • terminal.ansiBlack#1d1712
  • terminal.ansiBlue#c8c8bd
  • terminal.ansiCyan#657a3f
  • terminal.ansiGreen#7a4a27
  • terminal.ansiMagenta#8ca45f
  • terminal.ansiRed#8ca45f
  • terminal.ansiWhite#f5f1e8
  • terminal.ansiYellow#657a3f
  • terminal.background#1d1712
  • terminal.foreground#f5f1e8
  • titleBar.activeBackground#1d1712
  • titleBar.activeForeground#f5f1e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1d1712
  • titleBar.inactiveForeground#f5f1e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98663italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c8c8bdbold
storage.type, storage.modifier#c8c8bditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7a4a27
string, punctuation.definition.string, string.template, meta.template.expression#657a3f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8ca45f
variable, variable.other.readwrite, variable.other.object#f5f1e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f5f1e8
variable.parameter, meta.parameter#f5f1e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f5f1e880
keyword.operator#f5f1e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#657a3fbold
entity.other.inherited-class#7a4a27
entity.name.tag, punctuation.definition.tag#c8c8bd
entity.other.attribute-name#7a4a27
meta.diff, meta.diff.header#a98663
markup.deleted#8ca45f
markup.inserted#7a4a27
markup.changed#657a3f
markup.heading, markup.heading.setext, punctuation.definition.heading#7a4a27bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#657a3f
string.other.link.title, string.other.link.description#7a4a27
markup.underline.link#a98663underline
punctuation.definition.list#c8c8bd
markup.quote, punctuation.definition.quote#a98663italic
Morphous Theme by Ameyanagi - VS Code Theme