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#FFFBFA
  • activityBar.border#00000015
  • activityBar.foreground#932539
  • activityBar.inactiveForeground#26333B60
  • activityBarBadge.background#932539
  • activityBarBadge.foreground#FFFBFA
  • button.background#932539
  • button.foreground#FFFBFA
  • button.hoverBackground#932539dd
  • editor.background#FFFBFA
  • editor.foreground#26333B
  • editor.inactiveSelectionBackground#8348212580
  • editor.lineHighlightBackground#FFF2F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83482125
  • editorCursor.foreground#932539
  • editorGroupHeader.tabsBackground#FFF2F0aa
  • editorLineNumber.activeForeground#932539
  • editorLineNumber.foreground#ffd3c680
  • focusBorder#932539
  • foreground#26333B
  • input.background#FFF2F0
  • input.border#00000015
  • input.foreground#26333B
  • input.placeholderForeground#26333B60
  • list.activeSelectionBackground#93253930
  • list.activeSelectionForeground#26333B
  • list.highlightForeground#932539
  • list.hoverBackground#FFF2F040
  • list.hoverForeground#26333B
  • list.inactiveSelectionBackground#93253915
  • list.inactiveSelectionForeground#26333B
  • selection.background#83482125
  • sideBar.background#FFF2F0
  • sideBar.border#00000015
  • sideBar.foreground#26333B
  • sideBarSectionHeader.background#FFF2F080
  • sideBarSectionHeader.foreground#26333B
  • sideBarTitle.foreground#932539
  • statusBar.background#FFFBFA
  • statusBar.border#00000015
  • statusBar.foreground#26333B
  • statusBar.noFolderBackground#FFFBFA
  • tab.activeBackground#FFFBFA
  • tab.activeBorderTop#932539
  • tab.activeForeground#26333B
  • tab.border#00000015
  • tab.inactiveBackground#FFFBFA60
  • tab.inactiveForeground#26333B80
  • terminal.ansiBlack#26333B
  • terminal.ansiBlue#834821
  • terminal.ansiCyan#298DA3
  • terminal.ansiGreen#932539
  • terminal.ansiMagenta#763819
  • terminal.ansiRed#763819
  • terminal.ansiWhite#26333B
  • terminal.ansiYellow#298DA3
  • terminal.background#FFFBFA
  • terminal.foreground#26333B
  • titleBar.activeBackground#FFFBFA
  • titleBar.activeForeground#26333B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBFA
  • titleBar.inactiveForeground#26333B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ffd3c6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834821bold
storage.type, storage.modifier#834821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932539
string, punctuation.definition.string, string.template, meta.template.expression#298DA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763819
variable, variable.other.readwrite, variable.other.object#26333B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#26333B
variable.parameter, meta.parameter#26333Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26333B80
keyword.operator#26333B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#298DA3bold
entity.other.inherited-class#932539
entity.name.tag, punctuation.definition.tag#834821
entity.other.attribute-name#932539
meta.diff, meta.diff.header#ffd3c6
markup.deleted#763819
markup.inserted#932539
markup.changed#298DA3
markup.heading, markup.heading.setext, punctuation.definition.heading#932539bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#298DA3
string.other.link.title, string.other.link.description#932539
markup.underline.link#ffd3c6underline
punctuation.definition.list#834821
markup.quote, punctuation.definition.quote#ffd3c6italic
Morphous Theme by Ameyanagi - VS Code Theme