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#535A3F
  • activityBar.border#ffffff15
  • activityBar.foreground#83E967
  • activityBar.inactiveForeground#F3F1E760
  • activityBarBadge.background#83E967
  • activityBarBadge.foreground#535A3F
  • button.background#83E967
  • button.foreground#535A3F
  • button.hoverBackground#83E967dd
  • editor.background#535A3F
  • editor.foreground#F3F1E7
  • editor.inactiveSelectionBackground#ECB8793580
  • editor.lineHighlightBackground#161A1440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB87935
  • editorCursor.foreground#83E967
  • editorGroupHeader.tabsBackground#535A3Fdd
  • editorLineNumber.activeForeground#83E967
  • editorLineNumber.foreground#8A946A80
  • focusBorder#83E967
  • foreground#F3F1E7
  • input.background#161A14
  • input.border#ffffff15
  • input.foreground#F3F1E7
  • input.placeholderForeground#F3F1E760
  • list.activeSelectionBackground#83E96730
  • list.activeSelectionForeground#F3F1E7
  • list.highlightForeground#83E967
  • list.hoverBackground#161A1440
  • list.hoverForeground#F3F1E7
  • list.inactiveSelectionBackground#83E96715
  • list.inactiveSelectionForeground#F3F1E7
  • selection.background#ECB87935
  • sideBar.background#161A14
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F1E7
  • sideBarSectionHeader.background#535A3F80
  • sideBarSectionHeader.foreground#F3F1E7
  • sideBarTitle.foreground#83E967
  • statusBar.background#535A3F
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F1E7
  • statusBar.noFolderBackground#535A3F
  • tab.activeBackground#535A3F
  • tab.activeBorderTop#83E967
  • tab.activeForeground#F3F1E7
  • tab.border#ffffff15
  • tab.inactiveBackground#161A1460
  • tab.inactiveForeground#F3F1E780
  • terminal.ansiBlack#535A3F
  • terminal.ansiBlue#ECB879
  • terminal.ansiCyan#A3E755
  • terminal.ansiGreen#83E967
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#F3F1E7
  • terminal.ansiYellow#A3E755
  • terminal.background#535A3F
  • terminal.foreground#F3F1E7
  • titleBar.activeBackground#535A3F
  • titleBar.activeForeground#F3F1E7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#535A3F
  • titleBar.inactiveForeground#F3F1E760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A946Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB879bold
storage.type, storage.modifier#ECB879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#83E967
string, punctuation.definition.string, string.template, meta.template.expression#A3E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#F3F1E7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F1E7
variable.parameter, meta.parameter#F3F1E7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F1E780
keyword.operator#F3F1E7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3E755bold
entity.other.inherited-class#83E967
entity.name.tag, punctuation.definition.tag#ECB879
entity.other.attribute-name#83E967
meta.diff, meta.diff.header#8A946A
markup.deleted#F1C583
markup.inserted#83E967
markup.changed#A3E755
markup.heading, markup.heading.setext, punctuation.definition.heading#83E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3E755
string.other.link.title, string.other.link.description#83E967
markup.underline.link#8A946Aunderline
punctuation.definition.list#ECB879
markup.quote, punctuation.definition.quote#8A946Aitalic
Morphous Theme by Ameyanagi - VS Code Theme