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#FFFCFA
  • activityBar.border#00000015
  • activityBar.foreground#933225
  • activityBar.inactiveForeground#2A181960
  • activityBarBadge.background#933225
  • activityBarBadge.foreground#FFFCFA
  • button.background#933225
  • button.foreground#FFFCFA
  • button.hoverBackground#933225dd
  • editor.background#FFFCFA
  • editor.foreground#2A1819
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#FFF7F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#933225
  • editorGroupHeader.tabsBackground#FFF7F0aa
  • editorLineNumber.activeForeground#933225
  • editorLineNumber.foreground#FCECEA80
  • focusBorder#933225
  • foreground#2A1819
  • input.background#FFF7F0
  • input.border#00000015
  • input.foreground#2A1819
  • input.placeholderForeground#2A181960
  • list.activeSelectionBackground#93322530
  • list.activeSelectionForeground#2A1819
  • list.highlightForeground#933225
  • list.hoverBackground#FFF7F040
  • list.hoverForeground#2A1819
  • list.inactiveSelectionBackground#93322515
  • list.inactiveSelectionForeground#2A1819
  • selection.background#835B2125
  • sideBar.background#FFF7F0
  • sideBar.border#00000015
  • sideBar.foreground#2A1819
  • sideBarSectionHeader.background#FFF7F080
  • sideBarSectionHeader.foreground#2A1819
  • sideBarTitle.foreground#933225
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#2A1819
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#933225
  • tab.activeForeground#2A1819
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#2A181980
  • terminal.ansiBlack#2A1819
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#A38729
  • terminal.ansiGreen#933225
  • terminal.ansiMagenta#765A19
  • terminal.ansiRed#765A19
  • terminal.ansiWhite#2A1819
  • terminal.ansiYellow#A38729
  • terminal.background#FFFCFA
  • terminal.foreground#2A1819
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#2A1819
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#2A181960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#FCECEAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933225
string, punctuation.definition.string, string.template, meta.template.expression#A38729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765A19
variable, variable.other.readwrite, variable.other.object#2A1819
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2A1819
variable.parameter, meta.parameter#2A1819dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2A181980
keyword.operator#2A1819
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38729bold
entity.other.inherited-class#933225
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#933225
meta.diff, meta.diff.header#FCECEA
markup.deleted#765A19
markup.inserted#933225
markup.changed#A38729
markup.heading, markup.heading.setext, punctuation.definition.heading#933225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38729
string.other.link.title, string.other.link.description#933225
markup.underline.link#FCECEAunderline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#FCECEAitalic
Morphous Theme by Ameyanagi - VS Code Theme