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#E7E3DA
  • activityBar.border#00000015
  • activityBar.foreground#5C2593
  • activityBar.inactiveForeground#241f1d60
  • activityBarBadge.background#5C2593
  • activityBarBadge.foreground#E7E3DA
  • button.background#5C2593
  • button.foreground#E7E3DA
  • button.hoverBackground#5C2593dd
  • editor.background#E7E3DA
  • editor.foreground#241f1d
  • editor.inactiveSelectionBackground#8365212580
  • editor.lineHighlightBackground#91877E50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83652125
  • editorCursor.foreground#5C2593
  • editorGroupHeader.tabsBackground#91877Eaa
  • editorLineNumber.activeForeground#5C2593
  • editorLineNumber.foreground#f4f1ea80
  • focusBorder#5C2593
  • foreground#241f1d
  • input.background#91877E
  • input.border#00000015
  • input.foreground#241f1d
  • input.placeholderForeground#241f1d60
  • list.activeSelectionBackground#5C259330
  • list.activeSelectionForeground#241f1d
  • list.highlightForeground#5C2593
  • list.hoverBackground#91877E40
  • list.hoverForeground#241f1d
  • list.inactiveSelectionBackground#5C259315
  • list.inactiveSelectionForeground#241f1d
  • selection.background#83652125
  • sideBar.background#91877E
  • sideBar.border#00000015
  • sideBar.foreground#241f1d
  • sideBarSectionHeader.background#91877E80
  • sideBarSectionHeader.foreground#241f1d
  • sideBarTitle.foreground#5C2593
  • statusBar.background#E7E3DA
  • statusBar.border#00000015
  • statusBar.foreground#241f1d
  • statusBar.noFolderBackground#E7E3DA
  • tab.activeBackground#E7E3DA
  • tab.activeBorderTop#5C2593
  • tab.activeForeground#241f1d
  • tab.border#00000015
  • tab.inactiveBackground#E7E3DA60
  • tab.inactiveForeground#241f1d80
  • terminal.ansiBlack#241f1d
  • terminal.ansiBlue#836521
  • terminal.ansiCyan#A35C29
  • terminal.ansiGreen#5C2593
  • terminal.ansiMagenta#764119
  • terminal.ansiRed#764119
  • terminal.ansiWhite#241f1d
  • terminal.ansiYellow#A35C29
  • terminal.background#E7E3DA
  • terminal.foreground#241f1d
  • titleBar.activeBackground#E7E3DA
  • titleBar.activeForeground#241f1d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#E7E3DA
  • titleBar.inactiveForeground#241f1d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f4f1eaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836521bold
storage.type, storage.modifier#836521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5C2593
string, punctuation.definition.string, string.template, meta.template.expression#A35C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764119
variable, variable.other.readwrite, variable.other.object#241f1d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#241f1d
variable.parameter, meta.parameter#241f1ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#241f1d80
keyword.operator#241f1d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35C29bold
entity.other.inherited-class#5C2593
entity.name.tag, punctuation.definition.tag#836521
entity.other.attribute-name#5C2593
meta.diff, meta.diff.header#f4f1ea
markup.deleted#764119
markup.inserted#5C2593
markup.changed#A35C29
markup.heading, markup.heading.setext, punctuation.definition.heading#5C2593bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35C29
string.other.link.title, string.other.link.description#5C2593
markup.underline.link#f4f1eaunderline
punctuation.definition.list#836521
markup.quote, punctuation.definition.quote#f4f1eaitalic
Morphous Theme by Ameyanagi - VS Code Theme