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#F9F2E7
  • activityBar.border#00000015
  • activityBar.foreground#935325
  • activityBar.inactiveForeground#24191260
  • activityBarBadge.background#935325
  • activityBarBadge.foreground#F9F2E7
  • button.background#935325
  • button.foreground#F9F2E7
  • button.hoverBackground#935325dd
  • editor.background#F9F2E7
  • editor.foreground#241912
  • editor.inactiveSelectionBackground#834D212580
  • editor.lineHighlightBackground#FFFAF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834D2125
  • editorCursor.foreground#935325
  • editorGroupHeader.tabsBackground#FFFAF0aa
  • editorLineNumber.activeForeground#935325
  • editorLineNumber.foreground#c8b89e80
  • focusBorder#935325
  • foreground#241912
  • input.background#FFFAF0
  • input.border#00000015
  • input.foreground#241912
  • input.placeholderForeground#24191260
  • list.activeSelectionBackground#93532530
  • list.activeSelectionForeground#241912
  • list.highlightForeground#935325
  • list.hoverBackground#FFFAF040
  • list.hoverForeground#241912
  • list.inactiveSelectionBackground#93532515
  • list.inactiveSelectionForeground#241912
  • selection.background#834D2125
  • sideBar.background#FFFAF0
  • sideBar.border#00000015
  • sideBar.foreground#241912
  • sideBarSectionHeader.background#FFFAF080
  • sideBarSectionHeader.foreground#241912
  • sideBarTitle.foreground#935325
  • statusBar.background#F9F2E7
  • statusBar.border#00000015
  • statusBar.foreground#241912
  • statusBar.noFolderBackground#F9F2E7
  • tab.activeBackground#F9F2E7
  • tab.activeBorderTop#935325
  • tab.activeForeground#241912
  • tab.border#00000015
  • tab.inactiveBackground#F9F2E760
  • tab.inactiveForeground#24191280
  • terminal.ansiBlack#241912
  • terminal.ansiBlue#834D21
  • terminal.ansiCyan#66A329
  • terminal.ansiGreen#935325
  • terminal.ansiMagenta#762519
  • terminal.ansiRed#762519
  • terminal.ansiWhite#241912
  • terminal.ansiYellow#66A329
  • terminal.background#F9F2E7
  • terminal.foreground#241912
  • titleBar.activeBackground#F9F2E7
  • titleBar.activeForeground#241912
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F2E7
  • titleBar.inactiveForeground#24191260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8b89eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834D21bold
storage.type, storage.modifier#834D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935325
string, punctuation.definition.string, string.template, meta.template.expression#66A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762519
variable, variable.other.readwrite, variable.other.object#241912
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241912
variable.parameter, meta.parameter#241912dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24191280
keyword.operator#241912
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#66A329bold
entity.other.inherited-class#935325
entity.name.tag, punctuation.definition.tag#834D21
entity.other.attribute-name#935325
meta.diff, meta.diff.header#c8b89e
markup.deleted#762519
markup.inserted#935325
markup.changed#66A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#66A329
string.other.link.title, string.other.link.description#935325
markup.underline.link#c8b89eunderline
punctuation.definition.list#834D21
markup.quote, punctuation.definition.quote#c8b89eitalic
Morphous Theme by Ameyanagi - VS Code Theme