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#eef4ef
  • activityBar.border#00000015
  • activityBar.foreground#b6782b
  • activityBar.inactiveForeground#11131660
  • activityBarBadge.background#b6782b
  • activityBarBadge.foreground#eef4ef
  • button.background#b6782b
  • button.foreground#eef4ef
  • button.hoverBackground#b6782bdd
  • editor.background#eef4ef
  • editor.foreground#111316
  • editor.inactiveSelectionBackground#25282b2580
  • editor.lineHighlightBackground#f8f2e750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#25282b25
  • editorCursor.foreground#b6782b
  • editorGroupHeader.tabsBackground#f8f2e7aa
  • editorLineNumber.activeForeground#b6782b
  • editorLineNumber.foreground#25282b80
  • focusBorder#b6782b
  • foreground#111316
  • input.background#f8f2e7
  • input.border#00000015
  • input.foreground#111316
  • input.placeholderForeground#11131660
  • list.activeSelectionBackground#b6782b30
  • list.activeSelectionForeground#111316
  • list.highlightForeground#b6782b
  • list.hoverBackground#f8f2e740
  • list.hoverForeground#111316
  • list.inactiveSelectionBackground#b6782b15
  • list.inactiveSelectionForeground#111316
  • selection.background#25282b25
  • sideBar.background#f8f2e7
  • sideBar.border#00000015
  • sideBar.foreground#111316
  • sideBarSectionHeader.background#f8f2e780
  • sideBarSectionHeader.foreground#111316
  • sideBarTitle.foreground#b6782b
  • statusBar.background#eef4ef
  • statusBar.border#00000015
  • statusBar.foreground#111316
  • statusBar.noFolderBackground#eef4ef
  • tab.activeBackground#eef4ef
  • tab.activeBorderTop#b6782b
  • tab.activeForeground#111316
  • tab.border#00000015
  • tab.inactiveBackground#eef4ef60
  • tab.inactiveForeground#11131680
  • terminal.ansiBlack#111316
  • terminal.ansiBlue#25282b
  • terminal.ansiCyan#0057b8
  • terminal.ansiGreen#b6782b
  • terminal.ansiMagenta#18a8d8
  • terminal.ansiRed#18a8d8
  • terminal.ansiWhite#111316
  • terminal.ansiYellow#0057b8
  • terminal.background#eef4ef
  • terminal.foreground#111316
  • titleBar.activeBackground#eef4ef
  • titleBar.activeForeground#111316
  • titleBar.border#00000015
  • titleBar.inactiveBackground#eef4ef
  • titleBar.inactiveForeground#11131660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#25282bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#25282bbold
storage.type, storage.modifier#25282bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b6782b
string, punctuation.definition.string, string.template, meta.template.expression#0057b8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#18a8d8
variable, variable.other.readwrite, variable.other.object#111316
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#111316
variable.parameter, meta.parameter#111316dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#11131680
keyword.operator#111316
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0057b8bold
entity.other.inherited-class#b6782b
entity.name.tag, punctuation.definition.tag#25282b
entity.other.attribute-name#b6782b
meta.diff, meta.diff.header#25282b
markup.deleted#18a8d8
markup.inserted#b6782b
markup.changed#0057b8
markup.heading, markup.heading.setext, punctuation.definition.heading#b6782bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0057b8
string.other.link.title, string.other.link.description#b6782b
markup.underline.link#25282bunderline
punctuation.definition.list#25282b
markup.quote, punctuation.definition.quote#25282bitalic
Morphous Theme by Ameyanagi - VS Code Theme