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#F9F7F0
  • activityBar.border#00000015
  • activityBar.foreground#932C25
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#932C25
  • activityBarBadge.foreground#F9F7F0
  • button.background#932C25
  • button.foreground#F9F7F0
  • button.hoverBackground#932C25dd
  • editor.background#F9F7F0
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#6283212580
  • editor.lineHighlightBackground#F9F7F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#62832125
  • editorCursor.foreground#932C25
  • editorGroupHeader.tabsBackground#F9F7F0aa
  • editorLineNumber.activeForeground#932C25
  • editorLineNumber.foreground#C8B28A80
  • focusBorder#932C25
  • foreground#1A1A1A
  • input.background#F9F7F0
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#932C2530
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#932C25
  • list.hoverBackground#F9F7F040
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#932C2515
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#62832125
  • sideBar.background#F9F7F0
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#F9F7F080
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#932C25
  • statusBar.background#F9F7F0
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#F9F7F0
  • tab.activeBackground#F9F7F0
  • tab.activeBorderTop#932C25
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#F9F7F060
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#628321
  • terminal.ansiCyan#A33D29
  • terminal.ansiGreen#932C25
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#A33D29
  • terminal.background#F9F7F0
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#F9F7F0
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F7F0
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B28Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#628321bold
storage.type, storage.modifier#628321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932C25
string, punctuation.definition.string, string.template, meta.template.expression#A33D29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A33D29bold
entity.other.inherited-class#932C25
entity.name.tag, punctuation.definition.tag#628321
entity.other.attribute-name#932C25
meta.diff, meta.diff.header#C8B28A
markup.deleted#765119
markup.inserted#932C25
markup.changed#A33D29
markup.heading, markup.heading.setext, punctuation.definition.heading#932C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A33D29
string.other.link.title, string.other.link.description#932C25
markup.underline.link#C8B28Aunderline
punctuation.definition.list#628321
markup.quote, punctuation.definition.quote#C8B28Aitalic
Morphous Theme by Ameyanagi - VS Code Theme