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#45463E
  • activityBar.border#ffffff15
  • activityBar.foreground#83E967
  • activityBar.inactiveForeground#f3f7f260
  • activityBarBadge.background#83E967
  • activityBarBadge.foreground#45463E
  • button.background#83E967
  • button.foreground#45463E
  • button.hoverBackground#83E967dd
  • editor.background#45463E
  • editor.foreground#f3f7f2
  • editor.inactiveSelectionBackground#BEEC793580
  • editor.lineHighlightBackground#1D252140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BEEC7935
  • editorCursor.foreground#83E967
  • editorGroupHeader.tabsBackground#45463Edd
  • editorLineNumber.activeForeground#83E967
  • editorLineNumber.foreground#b6c99a80
  • focusBorder#83E967
  • foreground#f3f7f2
  • input.background#1D2521
  • input.border#ffffff15
  • input.foreground#f3f7f2
  • input.placeholderForeground#f3f7f260
  • list.activeSelectionBackground#83E96730
  • list.activeSelectionForeground#f3f7f2
  • list.highlightForeground#83E967
  • list.hoverBackground#1D252140
  • list.hoverForeground#f3f7f2
  • list.inactiveSelectionBackground#83E96715
  • list.inactiveSelectionForeground#f3f7f2
  • selection.background#BEEC7935
  • sideBar.background#1D2521
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f7f2
  • sideBarSectionHeader.background#45463E80
  • sideBarSectionHeader.foreground#f3f7f2
  • sideBarTitle.foreground#83E967
  • statusBar.background#45463E
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f7f2
  • statusBar.noFolderBackground#45463E
  • tab.activeBackground#45463E
  • tab.activeBorderTop#83E967
  • tab.activeForeground#f3f7f2
  • tab.border#ffffff15
  • tab.inactiveBackground#1D252160
  • tab.inactiveForeground#f3f7f280
  • terminal.ansiBlack#45463E
  • terminal.ansiBlue#BEEC79
  • terminal.ansiCyan#55BEE7
  • terminal.ansiGreen#83E967
  • terminal.ansiMagenta#9BF183
  • terminal.ansiRed#9BF183
  • terminal.ansiWhite#f3f7f2
  • terminal.ansiYellow#55BEE7
  • terminal.background#45463E
  • terminal.foreground#f3f7f2
  • titleBar.activeBackground#45463E
  • titleBar.activeForeground#f3f7f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#45463E
  • titleBar.inactiveForeground#f3f7f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b6c99aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BEEC79bold
storage.type, storage.modifier#BEEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#83E967
string, punctuation.definition.string, string.template, meta.template.expression#55BEE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9BF183
variable, variable.other.readwrite, variable.other.object#f3f7f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f7f2
variable.parameter, meta.parameter#f3f7f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f7f280
keyword.operator#f3f7f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BEE7bold
entity.other.inherited-class#83E967
entity.name.tag, punctuation.definition.tag#BEEC79
entity.other.attribute-name#83E967
meta.diff, meta.diff.header#b6c99a
markup.deleted#9BF183
markup.inserted#83E967
markup.changed#55BEE7
markup.heading, markup.heading.setext, punctuation.definition.heading#83E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BEE7
string.other.link.title, string.other.link.description#83E967
markup.underline.link#b6c99aunderline
punctuation.definition.list#BEEC79
markup.quote, punctuation.definition.quote#b6c99aitalic
Morphous Theme by Ameyanagi - VS Code Theme