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#FBF9F6
  • activityBar.border#00000015
  • activityBar.foreground#D4A36A
  • activityBar.inactiveForeground#3B2A1E60
  • activityBarBadge.background#D4A36A
  • activityBarBadge.foreground#FBF9F6
  • button.background#D4A36A
  • button.foreground#FBF9F6
  • button.hoverBackground#D4A36Add
  • editor.background#FBF9F6
  • editor.foreground#3B2A1E
  • editor.inactiveSelectionBackground#F2E8D82580
  • editor.lineHighlightBackground#FFFDF950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F2E8D825
  • editorCursor.foreground#D4A36A
  • editorGroupHeader.tabsBackground#FFFDF9aa
  • editorLineNumber.activeForeground#D4A36A
  • editorLineNumber.foreground#D6D2C880
  • focusBorder#D4A36A
  • foreground#3B2A1E
  • input.background#FFFDF9
  • input.border#00000015
  • input.foreground#3B2A1E
  • input.placeholderForeground#3B2A1E60
  • list.activeSelectionBackground#D4A36A30
  • list.activeSelectionForeground#3B2A1E
  • list.highlightForeground#D4A36A
  • list.hoverBackground#FFFDF940
  • list.hoverForeground#3B2A1E
  • list.inactiveSelectionBackground#D4A36A15
  • list.inactiveSelectionForeground#3B2A1E
  • selection.background#F2E8D825
  • sideBar.background#FFFDF9
  • sideBar.border#00000015
  • sideBar.foreground#3B2A1E
  • sideBarSectionHeader.background#FFFDF980
  • sideBarSectionHeader.foreground#3B2A1E
  • sideBarTitle.foreground#D4A36A
  • statusBar.background#FBF9F6
  • statusBar.border#00000015
  • statusBar.foreground#3B2A1E
  • statusBar.noFolderBackground#FBF9F6
  • tab.activeBackground#FBF9F6
  • tab.activeBorderTop#D4A36A
  • tab.activeForeground#3B2A1E
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F660
  • tab.inactiveForeground#3B2A1E80
  • terminal.ansiBlack#3B2A1E
  • terminal.ansiBlue#F2E8D8
  • terminal.ansiCyan#8A5A2B
  • terminal.ansiGreen#D4A36A
  • terminal.ansiMagenta#B9814A
  • terminal.ansiRed#B9814A
  • terminal.ansiWhite#3B2A1E
  • terminal.ansiYellow#8A5A2B
  • terminal.background#FBF9F6
  • terminal.foreground#3B2A1E
  • titleBar.activeBackground#FBF9F6
  • titleBar.activeForeground#3B2A1E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F6
  • titleBar.inactiveForeground#3B2A1E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6D2C8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F2E8D8bold
storage.type, storage.modifier#F2E8D8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D4A36A
string, punctuation.definition.string, string.template, meta.template.expression#8A5A2B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B9814A
variable, variable.other.readwrite, variable.other.object#3B2A1E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3B2A1E
variable.parameter, meta.parameter#3B2A1Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3B2A1E80
keyword.operator#3B2A1E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8A5A2Bbold
entity.other.inherited-class#D4A36A
entity.name.tag, punctuation.definition.tag#F2E8D8
entity.other.attribute-name#D4A36A
meta.diff, meta.diff.header#D6D2C8
markup.deleted#B9814A
markup.inserted#D4A36A
markup.changed#8A5A2B
markup.heading, markup.heading.setext, punctuation.definition.heading#D4A36Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8A5A2B
string.other.link.title, string.other.link.description#D4A36A
markup.underline.link#D6D2C8underline
punctuation.definition.list#F2E8D8
markup.quote, punctuation.definition.quote#D6D2C8italic
Morphous Theme by Ameyanagi - VS Code Theme