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#FBF9F4
  • activityBar.border#00000015
  • activityBar.foreground#932C25
  • activityBar.inactiveForeground#23231F60
  • activityBarBadge.background#932C25
  • activityBarBadge.foreground#FBF9F4
  • button.background#932C25
  • button.foreground#FBF9F4
  • button.hoverBackground#932C25dd
  • editor.background#FBF9F4
  • editor.foreground#23231F
  • editor.inactiveSelectionBackground#8324212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83242125
  • editorCursor.foreground#932C25
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#932C25
  • editorLineNumber.foreground#7A5A3E80
  • focusBorder#932C25
  • foreground#23231F
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#23231F
  • input.placeholderForeground#23231F60
  • list.activeSelectionBackground#932C2530
  • list.activeSelectionForeground#23231F
  • list.highlightForeground#932C25
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#23231F
  • list.inactiveSelectionBackground#932C2515
  • list.inactiveSelectionForeground#23231F
  • selection.background#83242125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#23231F
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#23231F
  • sideBarTitle.foreground#932C25
  • statusBar.background#FBF9F4
  • statusBar.border#00000015
  • statusBar.foreground#23231F
  • statusBar.noFolderBackground#FBF9F4
  • tab.activeBackground#FBF9F4
  • tab.activeBorderTop#932C25
  • tab.activeForeground#23231F
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F460
  • tab.inactiveForeground#23231F80
  • terminal.ansiBlack#23231F
  • terminal.ansiBlue#832421
  • terminal.ansiCyan#39A329
  • terminal.ansiGreen#932C25
  • terminal.ansiMagenta#3E7619
  • terminal.ansiRed#3E7619
  • terminal.ansiWhite#23231F
  • terminal.ansiYellow#39A329
  • terminal.background#FBF9F4
  • terminal.foreground#23231F
  • titleBar.activeBackground#FBF9F4
  • titleBar.activeForeground#23231F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F4
  • titleBar.inactiveForeground#23231F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A5A3Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832421bold
storage.type, storage.modifier#832421italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932C25
string, punctuation.definition.string, string.template, meta.template.expression#39A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#3E7619
variable, variable.other.readwrite, variable.other.object#23231F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#23231F
variable.parameter, meta.parameter#23231Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#23231F80
keyword.operator#23231F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#39A329bold
entity.other.inherited-class#932C25
entity.name.tag, punctuation.definition.tag#832421
entity.other.attribute-name#932C25
meta.diff, meta.diff.header#7A5A3E
markup.deleted#3E7619
markup.inserted#932C25
markup.changed#39A329
markup.heading, markup.heading.setext, punctuation.definition.heading#932C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#39A329
string.other.link.title, string.other.link.description#932C25
markup.underline.link#7A5A3Eunderline
punctuation.definition.list#832421
markup.quote, punctuation.definition.quote#7A5A3Eitalic
Morphous Theme by Ameyanagi - VS Code Theme