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#FAF6EC
  • activityBar.border#00000015
  • activityBar.foreground#D7261C
  • activityBar.inactiveForeground#1C221D60
  • activityBarBadge.background#D7261C
  • activityBarBadge.foreground#FAF6EC
  • button.background#D7261C
  • button.foreground#FAF6EC
  • button.hoverBackground#D7261Cdd
  • editor.background#FAF6EC
  • editor.foreground#1C221D
  • editor.inactiveSelectionBackground#2E5A382580
  • editor.lineHighlightBackground#E7DDC950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E5A3825
  • editorCursor.foreground#D7261C
  • editorGroupHeader.tabsBackground#E7DDC9aa
  • editorLineNumber.activeForeground#D7261C
  • editorLineNumber.foreground#CDBFAE80
  • focusBorder#D7261C
  • foreground#1C221D
  • input.background#E7DDC9
  • input.border#00000015
  • input.foreground#1C221D
  • input.placeholderForeground#1C221D60
  • list.activeSelectionBackground#D7261C30
  • list.activeSelectionForeground#1C221D
  • list.highlightForeground#D7261C
  • list.hoverBackground#E7DDC940
  • list.hoverForeground#1C221D
  • list.inactiveSelectionBackground#D7261C15
  • list.inactiveSelectionForeground#1C221D
  • selection.background#2E5A3825
  • sideBar.background#E7DDC9
  • sideBar.border#00000015
  • sideBar.foreground#1C221D
  • sideBarSectionHeader.background#E7DDC980
  • sideBarSectionHeader.foreground#1C221D
  • sideBarTitle.foreground#D7261C
  • statusBar.background#FAF6EC
  • statusBar.border#00000015
  • statusBar.foreground#1C221D
  • statusBar.noFolderBackground#FAF6EC
  • tab.activeBackground#FAF6EC
  • tab.activeBorderTop#D7261C
  • tab.activeForeground#1C221D
  • tab.border#00000015
  • tab.inactiveBackground#FAF6EC60
  • tab.inactiveForeground#1C221D80
  • terminal.ansiBlack#1C221D
  • terminal.ansiBlue#2E5A38
  • terminal.ansiCyan#F6F1E6
  • terminal.ansiGreen#D7261C
  • terminal.ansiMagenta#A7C17E
  • terminal.ansiRed#A7C17E
  • terminal.ansiWhite#1C221D
  • terminal.ansiYellow#F6F1E6
  • terminal.background#FAF6EC
  • terminal.foreground#1C221D
  • titleBar.activeBackground#FAF6EC
  • titleBar.activeForeground#1C221D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF6EC
  • titleBar.inactiveForeground#1C221D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CDBFAEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E5A38bold
storage.type, storage.modifier#2E5A38italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D7261C
string, punctuation.definition.string, string.template, meta.template.expression#F6F1E6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A7C17E
variable, variable.other.readwrite, variable.other.object#1C221D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C221D
variable.parameter, meta.parameter#1C221Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C221D80
keyword.operator#1C221D
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F6F1E6bold
entity.other.inherited-class#D7261C
entity.name.tag, punctuation.definition.tag#2E5A38
entity.other.attribute-name#D7261C
meta.diff, meta.diff.header#CDBFAE
markup.deleted#A7C17E
markup.inserted#D7261C
markup.changed#F6F1E6
markup.heading, markup.heading.setext, punctuation.definition.heading#D7261Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F6F1E6
string.other.link.title, string.other.link.description#D7261C
markup.underline.link#CDBFAEunderline
punctuation.definition.list#2E5A38
markup.quote, punctuation.definition.quote#CDBFAEitalic
Morphous Theme by Ameyanagi - VS Code Theme