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#2C1F16
  • activityBar.border#ffffff15
  • activityBar.foreground#E96767
  • activityBar.inactiveForeground#F7F4ED60
  • activityBarBadge.background#E96767
  • activityBarBadge.foreground#2C1F16
  • button.background#E96767
  • button.foreground#2C1F16
  • button.hoverBackground#E96767dd
  • editor.background#2C1F16
  • editor.foreground#F7F4ED
  • editor.inactiveSelectionBackground#C9EC793580
  • editor.lineHighlightBackground#14141440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C9EC7935
  • editorCursor.foreground#E96767
  • editorGroupHeader.tabsBackground#2C1F16dd
  • editorLineNumber.activeForeground#E96767
  • editorLineNumber.foreground#B7845B80
  • focusBorder#E96767
  • foreground#F7F4ED
  • input.background#141414
  • input.border#ffffff15
  • input.foreground#F7F4ED
  • input.placeholderForeground#F7F4ED60
  • list.activeSelectionBackground#E9676730
  • list.activeSelectionForeground#F7F4ED
  • list.highlightForeground#E96767
  • list.hoverBackground#14141440
  • list.hoverForeground#F7F4ED
  • list.inactiveSelectionBackground#E9676715
  • list.inactiveSelectionForeground#F7F4ED
  • selection.background#C9EC7935
  • sideBar.background#141414
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4ED
  • sideBarSectionHeader.background#2C1F1680
  • sideBarSectionHeader.foreground#F7F4ED
  • sideBarTitle.foreground#E96767
  • statusBar.background#2C1F16
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4ED
  • statusBar.noFolderBackground#2C1F16
  • tab.activeBackground#2C1F16
  • tab.activeBorderTop#E96767
  • tab.activeForeground#F7F4ED
  • tab.border#ffffff15
  • tab.inactiveBackground#14141460
  • tab.inactiveForeground#F7F4ED80
  • terminal.ansiBlack#2C1F16
  • terminal.ansiBlue#C9EC79
  • terminal.ansiCyan#D1E755
  • terminal.ansiGreen#E96767
  • terminal.ansiMagenta#E4F183
  • terminal.ansiRed#E4F183
  • terminal.ansiWhite#F7F4ED
  • terminal.ansiYellow#D1E755
  • terminal.background#2C1F16
  • terminal.foreground#F7F4ED
  • titleBar.activeBackground#2C1F16
  • titleBar.activeForeground#F7F4ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C1F16
  • titleBar.inactiveForeground#F7F4ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7845Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C9EC79bold
storage.type, storage.modifier#C9EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96767—
string, punctuation.definition.string, string.template, meta.template.expression#D1E755—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E4F183—
variable, variable.other.readwrite, variable.other.object#F7F4ED—
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4ED—
variable.parameter, meta.parameter#F7F4EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4ED80—
keyword.operator#F7F4ED—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D1E755bold
entity.other.inherited-class#E96767—
entity.name.tag, punctuation.definition.tag#C9EC79—
entity.other.attribute-name#E96767—
meta.diff, meta.diff.header#B7845B—
markup.deleted#E4F183—
markup.inserted#E96767—
markup.changed#D1E755—
markup.heading, markup.heading.setext, punctuation.definition.heading#E96767bold
markup.bold—bold
markup.italic—italic
markup.inline.raw, markup.raw.block#D1E755—
string.other.link.title, string.other.link.description#E96767—
markup.underline.link#B7845Bunderline
punctuation.definition.list#C9EC79—
markup.quote, punctuation.definition.quote#B7845Bitalic
Morphous Theme by Ameyanagi - VS Code Theme