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#F4F6F2
  • activityBar.border#00000015
  • activityBar.foreground#687F4A
  • activityBar.inactiveForeground#1E1F1C60
  • activityBarBadge.background#687F4A
  • activityBarBadge.foreground#F4F6F2
  • button.background#687F4A
  • button.foreground#F4F6F2
  • button.hoverBackground#687F4Add
  • editor.background#F4F6F2
  • editor.foreground#1E1F1C
  • editor.inactiveSelectionBackground#D8DBD42580
  • editor.lineHighlightBackground#E6F2E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D8DBD425
  • editorCursor.foreground#687F4A
  • editorGroupHeader.tabsBackground#E6F2E6aa
  • editorLineNumber.activeForeground#687F4A
  • editorLineNumber.foreground#687F4A80
  • focusBorder#687F4A
  • foreground#1E1F1C
  • input.background#E6F2E6
  • input.border#00000015
  • input.foreground#1E1F1C
  • input.placeholderForeground#1E1F1C60
  • list.activeSelectionBackground#687F4A30
  • list.activeSelectionForeground#1E1F1C
  • list.highlightForeground#687F4A
  • list.hoverBackground#E6F2E640
  • list.hoverForeground#1E1F1C
  • list.inactiveSelectionBackground#687F4A15
  • list.inactiveSelectionForeground#1E1F1C
  • selection.background#D8DBD425
  • sideBar.background#E6F2E6
  • sideBar.border#00000015
  • sideBar.foreground#1E1F1C
  • sideBarSectionHeader.background#E6F2E680
  • sideBarSectionHeader.foreground#1E1F1C
  • sideBarTitle.foreground#687F4A
  • statusBar.background#F4F6F2
  • statusBar.border#00000015
  • statusBar.foreground#1E1F1C
  • statusBar.noFolderBackground#F4F6F2
  • tab.activeBackground#F4F6F2
  • tab.activeBorderTop#687F4A
  • tab.activeForeground#1E1F1C
  • tab.border#00000015
  • tab.inactiveBackground#F4F6F260
  • tab.inactiveForeground#1E1F1C80
  • terminal.ansiBlack#1E1F1C
  • terminal.ansiBlue#D8DBD4
  • terminal.ansiCyan#FFD447
  • terminal.ansiGreen#687F4A
  • terminal.ansiMagenta#FFB21A
  • terminal.ansiRed#FFB21A
  • terminal.ansiWhite#1E1F1C
  • terminal.ansiYellow#FFD447
  • terminal.background#F4F6F2
  • terminal.foreground#1E1F1C
  • titleBar.activeBackground#F4F6F2
  • titleBar.activeForeground#1E1F1C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F6F2
  • titleBar.inactiveForeground#1E1F1C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D8DBD4bold
storage.type, storage.modifier#D8DBD4italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#687F4A
string, punctuation.definition.string, string.template, meta.template.expression#FFD447
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFB21A
variable, variable.other.readwrite, variable.other.object#1E1F1C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1F1C
variable.parameter, meta.parameter#1E1F1Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E1F1C80
keyword.operator#1E1F1C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFD447bold
entity.other.inherited-class#687F4A
entity.name.tag, punctuation.definition.tag#D8DBD4
entity.other.attribute-name#687F4A
meta.diff, meta.diff.header#687F4A
markup.deleted#FFB21A
markup.inserted#687F4A
markup.changed#FFD447
markup.heading, markup.heading.setext, punctuation.definition.heading#687F4Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFD447
string.other.link.title, string.other.link.description#687F4A
markup.underline.link#687F4Aunderline
punctuation.definition.list#D8DBD4
markup.quote, punctuation.definition.quote#687F4Aitalic
Morphous Theme by Ameyanagi - VS Code Theme