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#5A432B
  • activityBar.border#ffffff15
  • activityBar.foreground#F0C97A
  • activityBar.inactiveForeground#FBFAF660
  • activityBarBadge.background#F0C97A
  • activityBarBadge.foreground#5A432B
  • button.background#F0C97A
  • button.foreground#5A432B
  • button.hoverBackground#F0C97Add
  • editor.background#5A432B
  • editor.foreground#FBFAF6
  • editor.inactiveSelectionBackground#E7B84A3580
  • editor.lineHighlightBackground#1E160E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E7B84A35
  • editorCursor.foreground#F0C97A
  • editorGroupHeader.tabsBackground#5A432Bdd
  • editorLineNumber.activeForeground#F0C97A
  • editorLineNumber.foreground#D9C8A980
  • focusBorder#F0C97A
  • foreground#FBFAF6
  • input.background#1E160E
  • input.border#ffffff15
  • input.foreground#FBFAF6
  • input.placeholderForeground#FBFAF660
  • list.activeSelectionBackground#F0C97A30
  • list.activeSelectionForeground#FBFAF6
  • list.highlightForeground#F0C97A
  • list.hoverBackground#1E160E40
  • list.hoverForeground#FBFAF6
  • list.inactiveSelectionBackground#F0C97A15
  • list.inactiveSelectionForeground#FBFAF6
  • selection.background#E7B84A35
  • sideBar.background#1E160E
  • sideBar.border#ffffff15
  • sideBar.foreground#FBFAF6
  • sideBarSectionHeader.background#5A432B80
  • sideBarSectionHeader.foreground#FBFAF6
  • sideBarTitle.foreground#F0C97A
  • statusBar.background#5A432B
  • statusBar.border#ffffff15
  • statusBar.foreground#FBFAF6
  • statusBar.noFolderBackground#5A432B
  • tab.activeBackground#5A432B
  • tab.activeBorderTop#F0C97A
  • tab.activeForeground#FBFAF6
  • tab.border#ffffff15
  • tab.inactiveBackground#1E160E60
  • tab.inactiveForeground#FBFAF680
  • terminal.ansiBlack#5A432B
  • terminal.ansiBlue#E7B84A
  • terminal.ansiCyan#F6F1E6
  • terminal.ansiGreen#F0C97A
  • terminal.ansiMagenta#9C7346
  • terminal.ansiRed#9C7346
  • terminal.ansiWhite#FBFAF6
  • terminal.ansiYellow#F6F1E6
  • terminal.background#5A432B
  • terminal.foreground#FBFAF6
  • titleBar.activeBackground#5A432B
  • titleBar.activeForeground#FBFAF6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5A432B
  • titleBar.inactiveForeground#FBFAF660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9C8A9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E7B84Abold
storage.type, storage.modifier#E7B84Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F0C97A
string, punctuation.definition.string, string.template, meta.template.expression#F6F1E6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9C7346
variable, variable.other.readwrite, variable.other.object#FBFAF6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FBFAF6
variable.parameter, meta.parameter#FBFAF6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FBFAF680
keyword.operator#FBFAF6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F6F1E6bold
entity.other.inherited-class#F0C97A
entity.name.tag, punctuation.definition.tag#E7B84A
entity.other.attribute-name#F0C97A
meta.diff, meta.diff.header#D9C8A9
markup.deleted#9C7346
markup.inserted#F0C97A
markup.changed#F6F1E6
markup.heading, markup.heading.setext, punctuation.definition.heading#F0C97Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F6F1E6
string.other.link.title, string.other.link.description#F0C97A
markup.underline.link#D9C8A9underline
punctuation.definition.list#E7B84A
markup.quote, punctuation.definition.quote#D9C8A9italic
Morphous Theme by Ameyanagi - VS Code Theme