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#2E382E
  • activityBar.border#ffffff15
  • activityBar.foreground#647D35
  • activityBar.inactiveForeground#FAFAF460
  • activityBarBadge.background#647D35
  • activityBarBadge.foreground#2E382E
  • button.background#647D35
  • button.foreground#2E382E
  • button.hoverBackground#647D35dd
  • editor.background#2E382E
  • editor.foreground#FAFAF4
  • editor.inactiveSelectionBackground#C6AA723580
  • editor.lineHighlightBackground#26312440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C6AA7235
  • editorCursor.foreground#647D35
  • editorGroupHeader.tabsBackground#2E382Edd
  • editorLineNumber.activeForeground#647D35
  • editorLineNumber.foreground#B8AD9880
  • focusBorder#647D35
  • foreground#FAFAF4
  • input.background#263124
  • input.border#ffffff15
  • input.foreground#FAFAF4
  • input.placeholderForeground#FAFAF460
  • list.activeSelectionBackground#647D3530
  • list.activeSelectionForeground#FAFAF4
  • list.highlightForeground#647D35
  • list.hoverBackground#26312440
  • list.hoverForeground#FAFAF4
  • list.inactiveSelectionBackground#647D3515
  • list.inactiveSelectionForeground#FAFAF4
  • selection.background#C6AA7235
  • sideBar.background#263124
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF4
  • sideBarSectionHeader.background#2E382E80
  • sideBarSectionHeader.foreground#FAFAF4
  • sideBarTitle.foreground#647D35
  • statusBar.background#2E382E
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF4
  • statusBar.noFolderBackground#2E382E
  • tab.activeBackground#2E382E
  • tab.activeBorderTop#647D35
  • tab.activeForeground#FAFAF4
  • tab.border#ffffff15
  • tab.inactiveBackground#26312460
  • tab.inactiveForeground#FAFAF480
  • terminal.ansiBlack#2E382E
  • terminal.ansiBlue#C6AA72
  • terminal.ansiCyan#C8AE72
  • terminal.ansiGreen#647D35
  • terminal.ansiMagenta#B28A47
  • terminal.ansiRed#B28A47
  • terminal.ansiWhite#FAFAF4
  • terminal.ansiYellow#C8AE72
  • terminal.background#2E382E
  • terminal.foreground#FAFAF4
  • titleBar.activeBackground#2E382E
  • titleBar.activeForeground#FAFAF4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2E382E
  • titleBar.inactiveForeground#FAFAF460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8AD98italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C6AA72bold
storage.type, storage.modifier#C6AA72italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#647D35
string, punctuation.definition.string, string.template, meta.template.expression#C8AE72
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B28A47
variable, variable.other.readwrite, variable.other.object#FAFAF4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF4
variable.parameter, meta.parameter#FAFAF4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF480
keyword.operator#FAFAF4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C8AE72bold
entity.other.inherited-class#647D35
entity.name.tag, punctuation.definition.tag#C6AA72
entity.other.attribute-name#647D35
meta.diff, meta.diff.header#B8AD98
markup.deleted#B28A47
markup.inserted#647D35
markup.changed#C8AE72
markup.heading, markup.heading.setext, punctuation.definition.heading#647D35bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C8AE72
string.other.link.title, string.other.link.description#647D35
markup.underline.link#B8AD98underline
punctuation.definition.list#C6AA72
markup.quote, punctuation.definition.quote#B8AD98italic
Morphous Theme by Ameyanagi - VS Code Theme