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#f4ead8
  • activityBar.border#00000015
  • activityBar.foreground#a6532b
  • activityBar.inactiveForeground#26364260
  • activityBarBadge.background#a6532b
  • activityBarBadge.foreground#f4ead8
  • button.background#a6532b
  • button.foreground#f4ead8
  • button.hoverBackground#a6532bdd
  • editor.background#f4ead8
  • editor.foreground#263642
  • editor.inactiveSelectionBackground#607d8e2580
  • editor.lineHighlightBackground#fffaf050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#607d8e25
  • editorCursor.foreground#a6532b
  • editorGroupHeader.tabsBackground#fffaf0aa
  • editorLineNumber.activeForeground#a6532b
  • editorLineNumber.foreground#d8c6a580
  • focusBorder#a6532b
  • foreground#263642
  • input.background#fffaf0
  • input.border#00000015
  • input.foreground#263642
  • input.placeholderForeground#26364260
  • list.activeSelectionBackground#a6532b30
  • list.activeSelectionForeground#263642
  • list.highlightForeground#a6532b
  • list.hoverBackground#fffaf040
  • list.hoverForeground#263642
  • list.inactiveSelectionBackground#a6532b15
  • list.inactiveSelectionForeground#263642
  • selection.background#607d8e25
  • sideBar.background#fffaf0
  • sideBar.border#00000015
  • sideBar.foreground#263642
  • sideBarSectionHeader.background#fffaf080
  • sideBarSectionHeader.foreground#263642
  • sideBarTitle.foreground#a6532b
  • statusBar.background#f4ead8
  • statusBar.border#00000015
  • statusBar.foreground#263642
  • statusBar.noFolderBackground#f4ead8
  • tab.activeBackground#f4ead8
  • tab.activeBorderTop#a6532b
  • tab.activeForeground#263642
  • tab.border#00000015
  • tab.inactiveBackground#f4ead860
  • tab.inactiveForeground#26364280
  • terminal.ansiBlack#263642
  • terminal.ansiBlue#607d8e
  • terminal.ansiCyan#91b5bd
  • terminal.ansiGreen#a6532b
  • terminal.ansiMagenta#c28b32
  • terminal.ansiRed#c28b32
  • terminal.ansiWhite#263642
  • terminal.ansiYellow#91b5bd
  • terminal.background#f4ead8
  • terminal.foreground#263642
  • titleBar.activeBackground#f4ead8
  • titleBar.activeForeground#263642
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4ead8
  • titleBar.inactiveForeground#26364260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c6a5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#607d8ebold
storage.type, storage.modifier#607d8eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#a6532b
string, punctuation.definition.string, string.template, meta.template.expression#91b5bd
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c28b32
variable, variable.other.readwrite, variable.other.object#263642
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#263642
variable.parameter, meta.parameter#263642dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26364280
keyword.operator#263642
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#91b5bdbold
entity.other.inherited-class#a6532b
entity.name.tag, punctuation.definition.tag#607d8e
entity.other.attribute-name#a6532b
meta.diff, meta.diff.header#d8c6a5
markup.deleted#c28b32
markup.inserted#a6532b
markup.changed#91b5bd
markup.heading, markup.heading.setext, punctuation.definition.heading#a6532bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#91b5bd
string.other.link.title, string.other.link.description#a6532b
markup.underline.link#d8c6a5underline
punctuation.definition.list#607d8e
markup.quote, punctuation.definition.quote#d8c6a5italic
Morphous Theme by Ameyanagi - VS Code Theme