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#F8F6F1
  • activityBar.border#00000015
  • activityBar.foreground#936125
  • activityBar.inactiveForeground#2E2A2860
  • activityBarBadge.background#936125
  • activityBarBadge.foreground#F8F6F1
  • button.background#936125
  • button.foreground#F8F6F1
  • button.hoverBackground#936125dd
  • editor.background#F8F6F1
  • editor.foreground#2E2A28
  • editor.inactiveSelectionBackground#4883212580
  • editor.lineHighlightBackground#CCBAA350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#48832125
  • editorCursor.foreground#936125
  • editorGroupHeader.tabsBackground#CCBAA3aa
  • editorLineNumber.activeForeground#936125
  • editorLineNumber.foreground#a98a6280
  • focusBorder#936125
  • foreground#2E2A28
  • input.background#CCBAA3
  • input.border#00000015
  • input.foreground#2E2A28
  • input.placeholderForeground#2E2A2860
  • list.activeSelectionBackground#93612530
  • list.activeSelectionForeground#2E2A28
  • list.highlightForeground#936125
  • list.hoverBackground#CCBAA340
  • list.hoverForeground#2E2A28
  • list.inactiveSelectionBackground#93612515
  • list.inactiveSelectionForeground#2E2A28
  • selection.background#48832125
  • sideBar.background#CCBAA3
  • sideBar.border#00000015
  • sideBar.foreground#2E2A28
  • sideBarSectionHeader.background#CCBAA380
  • sideBarSectionHeader.foreground#2E2A28
  • sideBarTitle.foreground#936125
  • statusBar.background#F8F6F1
  • statusBar.border#00000015
  • statusBar.foreground#2E2A28
  • statusBar.noFolderBackground#F8F6F1
  • tab.activeBackground#F8F6F1
  • tab.activeBorderTop#936125
  • tab.activeForeground#2E2A28
  • tab.border#00000015
  • tab.inactiveBackground#F8F6F160
  • tab.inactiveForeground#2E2A2880
  • terminal.ansiBlack#2E2A28
  • terminal.ansiBlue#488321
  • terminal.ansiCyan#A37429
  • terminal.ansiGreen#936125
  • terminal.ansiMagenta#195476
  • terminal.ansiRed#195476
  • terminal.ansiWhite#2E2A28
  • terminal.ansiYellow#A37429
  • terminal.background#F8F6F1
  • terminal.foreground#2E2A28
  • titleBar.activeBackground#F8F6F1
  • titleBar.activeForeground#2E2A28
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F6F1
  • titleBar.inactiveForeground#2E2A2860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98a62italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#488321bold
storage.type, storage.modifier#488321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936125
string, punctuation.definition.string, string.template, meta.template.expression#A37429
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#195476
variable, variable.other.readwrite, variable.other.object#2E2A28
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E2A28
variable.parameter, meta.parameter#2E2A28dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E2A2880
keyword.operator#2E2A28
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37429bold
entity.other.inherited-class#936125
entity.name.tag, punctuation.definition.tag#488321
entity.other.attribute-name#936125
meta.diff, meta.diff.header#a98a62
markup.deleted#195476
markup.inserted#936125
markup.changed#A37429
markup.heading, markup.heading.setext, punctuation.definition.heading#936125bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37429
string.other.link.title, string.other.link.description#936125
markup.underline.link#a98a62underline
punctuation.definition.list#488321
markup.quote, punctuation.definition.quote#a98a62italic
Morphous Theme by Ameyanagi - VS Code Theme