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#FBF6EF
  • activityBar.border#00000015
  • activityBar.foreground#935325
  • activityBar.inactiveForeground#11121460
  • activityBarBadge.background#935325
  • activityBarBadge.foreground#FBF6EF
  • button.background#935325
  • button.foreground#FBF6EF
  • button.hoverBackground#935325dd
  • editor.background#FBF6EF
  • editor.foreground#111214
  • editor.inactiveSelectionBackground#8343212580
  • editor.lineHighlightBackground#EDDEC450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83432125
  • editorCursor.foreground#935325
  • editorGroupHeader.tabsBackground#EDDEC4aa
  • editorLineNumber.activeForeground#935325
  • editorLineNumber.foreground#8a786480
  • focusBorder#935325
  • foreground#111214
  • input.background#EDDEC4
  • input.border#00000015
  • input.foreground#111214
  • input.placeholderForeground#11121460
  • list.activeSelectionBackground#93532530
  • list.activeSelectionForeground#111214
  • list.highlightForeground#935325
  • list.hoverBackground#EDDEC440
  • list.hoverForeground#111214
  • list.inactiveSelectionBackground#93532515
  • list.inactiveSelectionForeground#111214
  • selection.background#83432125
  • sideBar.background#EDDEC4
  • sideBar.border#00000015
  • sideBar.foreground#111214
  • sideBarSectionHeader.background#EDDEC480
  • sideBarSectionHeader.foreground#111214
  • sideBarTitle.foreground#935325
  • statusBar.background#FBF6EF
  • statusBar.border#00000015
  • statusBar.foreground#111214
  • statusBar.noFolderBackground#FBF6EF
  • tab.activeBackground#FBF6EF
  • tab.activeBorderTop#935325
  • tab.activeForeground#111214
  • tab.border#00000015
  • tab.inactiveBackground#FBF6EF60
  • tab.inactiveForeground#11121480
  • terminal.ansiBlack#111214
  • terminal.ansiBlue#834321
  • terminal.ansiCyan#A35A29
  • terminal.ansiGreen#935325
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#111214
  • terminal.ansiYellow#A35A29
  • terminal.background#FBF6EF
  • terminal.foreground#111214
  • titleBar.activeBackground#FBF6EF
  • titleBar.activeForeground#111214
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF6EF
  • titleBar.inactiveForeground#11121460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a7864italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834321bold
storage.type, storage.modifier#834321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935325
string, punctuation.definition.string, string.template, meta.template.expression#A35A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#111214
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#111214
variable.parameter, meta.parameter#111214dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#11121480
keyword.operator#111214
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35A29bold
entity.other.inherited-class#935325
entity.name.tag, punctuation.definition.tag#834321
entity.other.attribute-name#935325
meta.diff, meta.diff.header#8a7864
markup.deleted#765119
markup.inserted#935325
markup.changed#A35A29
markup.heading, markup.heading.setext, punctuation.definition.heading#935325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35A29
string.other.link.title, string.other.link.description#935325
markup.underline.link#8a7864underline
punctuation.definition.list#834321
markup.quote, punctuation.definition.quote#8a7864italic
Morphous Theme by Ameyanagi - VS Code Theme