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#F6EDDF
  • activityBar.border#00000015
  • activityBar.foreground#934425
  • activityBar.inactiveForeground#231c1860
  • activityBarBadge.background#934425
  • activityBarBadge.foreground#F6EDDF
  • button.background#934425
  • button.foreground#F6EDDF
  • button.hoverBackground#934425dd
  • editor.background#F6EDDF
  • editor.foreground#231c18
  • editor.inactiveSelectionBackground#6283212580
  • editor.lineHighlightBackground#E3D0B550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#62832125
  • editorCursor.foreground#934425
  • editorGroupHeader.tabsBackground#E3D0B5aa
  • editorLineNumber.activeForeground#934425
  • editorLineNumber.foreground#c0b88f80
  • focusBorder#934425
  • foreground#231c18
  • input.background#E3D0B5
  • input.border#00000015
  • input.foreground#231c18
  • input.placeholderForeground#231c1860
  • list.activeSelectionBackground#93442530
  • list.activeSelectionForeground#231c18
  • list.highlightForeground#934425
  • list.hoverBackground#E3D0B540
  • list.hoverForeground#231c18
  • list.inactiveSelectionBackground#93442515
  • list.inactiveSelectionForeground#231c18
  • selection.background#62832125
  • sideBar.background#E3D0B5
  • sideBar.border#00000015
  • sideBar.foreground#231c18
  • sideBarSectionHeader.background#E3D0B580
  • sideBarSectionHeader.foreground#231c18
  • sideBarTitle.foreground#934425
  • statusBar.background#F6EDDF
  • statusBar.border#00000015
  • statusBar.foreground#231c18
  • statusBar.noFolderBackground#F6EDDF
  • tab.activeBackground#F6EDDF
  • tab.activeBorderTop#934425
  • tab.activeForeground#231c18
  • tab.border#00000015
  • tab.inactiveBackground#F6EDDF60
  • tab.inactiveForeground#231c1880
  • terminal.ansiBlack#231c18
  • terminal.ansiBlue#628321
  • terminal.ansiCyan#297EA3
  • terminal.ansiGreen#934425
  • terminal.ansiMagenta#763D19
  • terminal.ansiRed#763D19
  • terminal.ansiWhite#231c18
  • terminal.ansiYellow#297EA3
  • terminal.background#F6EDDF
  • terminal.foreground#231c18
  • titleBar.activeBackground#F6EDDF
  • titleBar.activeForeground#231c18
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6EDDF
  • titleBar.inactiveForeground#231c1860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c0b88fitalic
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#934425
string, punctuation.definition.string, string.template, meta.template.expression#297EA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763D19
variable, variable.other.readwrite, variable.other.object#231c18
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#231c18
variable.parameter, meta.parameter#231c18dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#231c1880
keyword.operator#231c18
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#297EA3bold
entity.other.inherited-class#934425
entity.name.tag, punctuation.definition.tag#628321
entity.other.attribute-name#934425
meta.diff, meta.diff.header#c0b88f
markup.deleted#763D19
markup.inserted#934425
markup.changed#297EA3
markup.heading, markup.heading.setext, punctuation.definition.heading#934425bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#297EA3
string.other.link.title, string.other.link.description#934425
markup.underline.link#c0b88funderline
punctuation.definition.list#628321
markup.quote, punctuation.definition.quote#c0b88fitalic
Morphous Theme by Ameyanagi - VS Code Theme