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#6A4B29
  • activityBar.border#ffffff15
  • activityBar.foreground#E96799
  • activityBar.inactiveForeground#FFF8EE60
  • activityBarBadge.background#E96799
  • activityBarBadge.foreground#6A4B29
  • button.background#E96799
  • button.foreground#6A4B29
  • button.hoverBackground#E96799dd
  • editor.background#6A4B29
  • editor.foreground#FFF8EE
  • editor.inactiveSelectionBackground#EC799F3580
  • editor.lineHighlightBackground#190E0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC799F35
  • editorCursor.foreground#E96799
  • editorGroupHeader.tabsBackground#6A4B29dd
  • editorLineNumber.activeForeground#E96799
  • editorLineNumber.foreground#dfe8b780
  • focusBorder#E96799
  • foreground#FFF8EE
  • input.background#190E0B
  • input.border#ffffff15
  • input.foreground#FFF8EE
  • input.placeholderForeground#FFF8EE60
  • list.activeSelectionBackground#E9679930
  • list.activeSelectionForeground#FFF8EE
  • list.highlightForeground#E96799
  • list.hoverBackground#190E0B40
  • list.hoverForeground#FFF8EE
  • list.inactiveSelectionBackground#E9679915
  • list.inactiveSelectionForeground#FFF8EE
  • selection.background#EC799F35
  • sideBar.background#190E0B
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8EE
  • sideBarSectionHeader.background#6A4B2980
  • sideBarSectionHeader.foreground#FFF8EE
  • sideBarTitle.foreground#E96799
  • statusBar.background#6A4B29
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8EE
  • statusBar.noFolderBackground#6A4B29
  • tab.activeBackground#6A4B29
  • tab.activeBorderTop#E96799
  • tab.activeForeground#FFF8EE
  • tab.border#ffffff15
  • tab.inactiveBackground#190E0B60
  • tab.inactiveForeground#FFF8EE80
  • terminal.ansiBlack#6A4B29
  • terminal.ansiBlue#EC799F
  • terminal.ansiCyan#C0E755
  • terminal.ansiGreen#E96799
  • terminal.ansiMagenta#83F197
  • terminal.ansiRed#83F197
  • terminal.ansiWhite#FFF8EE
  • terminal.ansiYellow#C0E755
  • terminal.background#6A4B29
  • terminal.foreground#FFF8EE
  • titleBar.activeBackground#6A4B29
  • titleBar.activeForeground#FFF8EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6A4B29
  • titleBar.inactiveForeground#FFF8EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dfe8b7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC799Fbold
storage.type, storage.modifier#EC799Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96799
string, punctuation.definition.string, string.template, meta.template.expression#C0E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F197
variable, variable.other.readwrite, variable.other.object#FFF8EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8EE
variable.parameter, meta.parameter#FFF8EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8EE80
keyword.operator#FFF8EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C0E755bold
entity.other.inherited-class#E96799
entity.name.tag, punctuation.definition.tag#EC799F
entity.other.attribute-name#E96799
meta.diff, meta.diff.header#dfe8b7
markup.deleted#83F197
markup.inserted#E96799
markup.changed#C0E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E96799bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C0E755
string.other.link.title, string.other.link.description#E96799
markup.underline.link#dfe8b7underline
punctuation.definition.list#EC799F
markup.quote, punctuation.definition.quote#dfe8b7italic
Morphous Theme by Ameyanagi - VS Code Theme