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#1E1610
  • activityBar.border#ffffff15
  • activityBar.foreground#A4E967
  • activityBar.inactiveForeground#F7FAF560
  • activityBarBadge.background#A4E967
  • activityBarBadge.foreground#1E1610
  • button.background#A4E967
  • button.foreground#1E1610
  • button.hoverBackground#A4E967dd
  • editor.background#1E1610
  • editor.foreground#F7FAF5
  • editor.inactiveSelectionBackground#B1EC793580
  • editor.lineHighlightBackground#18241440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B1EC7935
  • editorCursor.foreground#A4E967
  • editorGroupHeader.tabsBackground#1E1610dd
  • editorLineNumber.activeForeground#A4E967
  • editorLineNumber.foreground#DDEBD680
  • focusBorder#A4E967
  • foreground#F7FAF5
  • input.background#182414
  • input.border#ffffff15
  • input.foreground#F7FAF5
  • input.placeholderForeground#F7FAF560
  • list.activeSelectionBackground#A4E96730
  • list.activeSelectionForeground#F7FAF5
  • list.highlightForeground#A4E967
  • list.hoverBackground#18241440
  • list.hoverForeground#F7FAF5
  • list.inactiveSelectionBackground#A4E96715
  • list.inactiveSelectionForeground#F7FAF5
  • selection.background#B1EC7935
  • sideBar.background#182414
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF5
  • sideBarSectionHeader.background#1E161080
  • sideBarSectionHeader.foreground#F7FAF5
  • sideBarTitle.foreground#A4E967
  • statusBar.background#1E1610
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF5
  • statusBar.noFolderBackground#1E1610
  • tab.activeBackground#1E1610
  • tab.activeBorderTop#A4E967
  • tab.activeForeground#F7FAF5
  • tab.border#ffffff15
  • tab.inactiveBackground#18241460
  • tab.inactiveForeground#F7FAF580
  • terminal.ansiBlack#1E1610
  • terminal.ansiBlue#B1EC79
  • terminal.ansiCyan#A8E755
  • terminal.ansiGreen#A4E967
  • terminal.ansiMagenta#F1AD83
  • terminal.ansiRed#F1AD83
  • terminal.ansiWhite#F7FAF5
  • terminal.ansiYellow#A8E755
  • terminal.background#1E1610
  • terminal.foreground#F7FAF5
  • titleBar.activeBackground#1E1610
  • titleBar.activeForeground#F7FAF5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1E1610
  • titleBar.inactiveForeground#F7FAF560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DDEBD6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B1EC79bold
storage.type, storage.modifier#B1EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A4E967
string, punctuation.definition.string, string.template, meta.template.expression#A8E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AD83
variable, variable.other.readwrite, variable.other.object#F7FAF5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF5
variable.parameter, meta.parameter#F7FAF5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF580
keyword.operator#F7FAF5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A8E755bold
entity.other.inherited-class#A4E967
entity.name.tag, punctuation.definition.tag#B1EC79
entity.other.attribute-name#A4E967
meta.diff, meta.diff.header#DDEBD6
markup.deleted#F1AD83
markup.inserted#A4E967
markup.changed#A8E755
markup.heading, markup.heading.setext, punctuation.definition.heading#A4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A8E755
string.other.link.title, string.other.link.description#A4E967
markup.underline.link#DDEBD6underline
punctuation.definition.list#B1EC79
markup.quote, punctuation.definition.quote#DDEBD6italic
Morphous Theme by Ameyanagi - VS Code Theme