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#F9F5EB
  • activityBar.border#00000015
  • activityBar.foreground#257293
  • activityBar.inactiveForeground#2f322b60
  • activityBarBadge.background#257293
  • activityBarBadge.foreground#F9F5EB
  • button.background#257293
  • button.foreground#F9F5EB
  • button.hoverBackground#257293dd
  • editor.background#F9F5EB
  • editor.foreground#2f322b
  • editor.inactiveSelectionBackground#5883212580
  • editor.lineHighlightBackground#E3F3F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#58832125
  • editorCursor.foreground#257293
  • editorGroupHeader.tabsBackground#E3F3F7aa
  • editorLineNumber.activeForeground#257293
  • editorLineNumber.foreground#d9d2bd80
  • focusBorder#257293
  • foreground#2f322b
  • input.background#E3F3F7
  • input.border#00000015
  • input.foreground#2f322b
  • input.placeholderForeground#2f322b60
  • list.activeSelectionBackground#25729330
  • list.activeSelectionForeground#2f322b
  • list.highlightForeground#257293
  • list.hoverBackground#E3F3F740
  • list.hoverForeground#2f322b
  • list.inactiveSelectionBackground#25729315
  • list.inactiveSelectionForeground#2f322b
  • selection.background#58832125
  • sideBar.background#E3F3F7
  • sideBar.border#00000015
  • sideBar.foreground#2f322b
  • sideBarSectionHeader.background#E3F3F780
  • sideBarSectionHeader.foreground#2f322b
  • sideBarTitle.foreground#257293
  • statusBar.background#F9F5EB
  • statusBar.border#00000015
  • statusBar.foreground#2f322b
  • statusBar.noFolderBackground#F9F5EB
  • tab.activeBackground#F9F5EB
  • tab.activeBorderTop#257293
  • tab.activeForeground#2f322b
  • tab.border#00000015
  • tab.inactiveBackground#F9F5EB60
  • tab.inactiveForeground#2f322b80
  • terminal.ansiBlack#2f322b
  • terminal.ansiBlue#588321
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#257293
  • terminal.ansiMagenta#765819
  • terminal.ansiRed#765819
  • terminal.ansiWhite#2f322b
  • terminal.ansiYellow#A37E29
  • terminal.background#F9F5EB
  • terminal.foreground#2f322b
  • titleBar.activeBackground#F9F5EB
  • titleBar.activeForeground#2f322b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9F5EB
  • titleBar.inactiveForeground#2f322b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9d2bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#588321bold
storage.type, storage.modifier#588321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#257293
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765819
variable, variable.other.readwrite, variable.other.object#2f322b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f322b
variable.parameter, meta.parameter#2f322bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f322b80
keyword.operator#2f322b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#257293
entity.name.tag, punctuation.definition.tag#588321
entity.other.attribute-name#257293
meta.diff, meta.diff.header#d9d2bd
markup.deleted#765819
markup.inserted#257293
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#257293bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#257293
markup.underline.link#d9d2bdunderline
punctuation.definition.list#588321
markup.quote, punctuation.definition.quote#d9d2bditalic
Morphous Theme by Ameyanagi - VS Code Theme