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#fff3e5
  • activityBar.border#00000015
  • activityBar.foreground#b7192b
  • activityBar.inactiveForeground#2a111260
  • activityBarBadge.background#b7192b
  • activityBarBadge.foreground#fff3e5
  • button.background#b7192b
  • button.foreground#fff3e5
  • button.hoverBackground#b7192bdd
  • editor.background#fff3e5
  • editor.foreground#2a1112
  • editor.inactiveSelectionBackground#d73a4a2580
  • editor.lineHighlightBackground#f4dfc850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d73a4a25
  • editorCursor.foreground#b7192b
  • editorGroupHeader.tabsBackground#f4dfc8aa
  • editorLineNumber.activeForeground#b7192b
  • editorLineNumber.foreground#9c6c5d80
  • focusBorder#b7192b
  • foreground#2a1112
  • input.background#f4dfc8
  • input.border#00000015
  • input.foreground#2a1112
  • input.placeholderForeground#2a111260
  • list.activeSelectionBackground#b7192b30
  • list.activeSelectionForeground#2a1112
  • list.highlightForeground#b7192b
  • list.hoverBackground#f4dfc840
  • list.hoverForeground#2a1112
  • list.inactiveSelectionBackground#b7192b15
  • list.inactiveSelectionForeground#2a1112
  • selection.background#d73a4a25
  • sideBar.background#f4dfc8
  • sideBar.border#00000015
  • sideBar.foreground#2a1112
  • sideBarSectionHeader.background#f4dfc880
  • sideBarSectionHeader.foreground#2a1112
  • sideBarTitle.foreground#b7192b
  • statusBar.background#fff3e5
  • statusBar.border#00000015
  • statusBar.foreground#2a1112
  • statusBar.noFolderBackground#fff3e5
  • tab.activeBackground#fff3e5
  • tab.activeBorderTop#b7192b
  • tab.activeForeground#2a1112
  • tab.border#00000015
  • tab.inactiveBackground#fff3e560
  • tab.inactiveForeground#2a111280
  • terminal.ansiBlack#2a1112
  • terminal.ansiBlue#d73a4a
  • terminal.ansiCyan#5f7f3a
  • terminal.ansiGreen#b7192b
  • terminal.ansiMagenta#e56b76
  • terminal.ansiRed#e56b76
  • terminal.ansiWhite#2a1112
  • terminal.ansiYellow#5f7f3a
  • terminal.background#fff3e5
  • terminal.foreground#2a1112
  • titleBar.activeBackground#fff3e5
  • titleBar.activeForeground#2a1112
  • titleBar.border#00000015
  • titleBar.inactiveBackground#fff3e5
  • titleBar.inactiveForeground#2a111260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c6c5ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d73a4abold
storage.type, storage.modifier#d73a4aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b7192b
string, punctuation.definition.string, string.template, meta.template.expression#5f7f3a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#e56b76
variable, variable.other.readwrite, variable.other.object#2a1112
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2a1112
variable.parameter, meta.parameter#2a1112dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2a111280
keyword.operator#2a1112
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7f3abold
entity.other.inherited-class#b7192b
entity.name.tag, punctuation.definition.tag#d73a4a
entity.other.attribute-name#b7192b
meta.diff, meta.diff.header#9c6c5d
markup.deleted#e56b76
markup.inserted#b7192b
markup.changed#5f7f3a
markup.heading, markup.heading.setext, punctuation.definition.heading#b7192bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7f3a
string.other.link.title, string.other.link.description#b7192b
markup.underline.link#9c6c5dunderline
punctuation.definition.list#d73a4a
markup.quote, punctuation.definition.quote#9c6c5ditalic
Morphous Theme by Ameyanagi - VS Code Theme