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#1F292E
  • activityBar.border#ffffff15
  • activityBar.foreground#7FE967
  • activityBar.inactiveForeground#F5F7F360
  • activityBarBadge.background#7FE967
  • activityBarBadge.foreground#1F292E
  • button.background#7FE967
  • button.foreground#1F292E
  • button.hoverBackground#7FE967dd
  • editor.background#1F292E
  • editor.foreground#F5F7F3
  • editor.inactiveSelectionBackground#79C2EC3580
  • editor.lineHighlightBackground#0F151A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79C2EC35
  • editorCursor.foreground#7FE967
  • editorGroupHeader.tabsBackground#1F292Edd
  • editorLineNumber.activeForeground#7FE967
  • editorLineNumber.foreground#E4DED280
  • focusBorder#7FE967
  • foreground#F5F7F3
  • input.background#0F151A
  • input.border#ffffff15
  • input.foreground#F5F7F3
  • input.placeholderForeground#F5F7F360
  • list.activeSelectionBackground#7FE96730
  • list.activeSelectionForeground#F5F7F3
  • list.highlightForeground#7FE967
  • list.hoverBackground#0F151A40
  • list.hoverForeground#F5F7F3
  • list.inactiveSelectionBackground#7FE96715
  • list.inactiveSelectionForeground#F5F7F3
  • selection.background#79C2EC35
  • sideBar.background#0F151A
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F7F3
  • sideBarSectionHeader.background#1F292E80
  • sideBarSectionHeader.foreground#F5F7F3
  • sideBarTitle.foreground#7FE967
  • statusBar.background#1F292E
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F7F3
  • statusBar.noFolderBackground#1F292E
  • tab.activeBackground#1F292E
  • tab.activeBorderTop#7FE967
  • tab.activeForeground#F5F7F3
  • tab.border#ffffff15
  • tab.inactiveBackground#0F151A60
  • tab.inactiveForeground#F5F7F380
  • terminal.ansiBlack#1F292E
  • terminal.ansiBlue#79C2EC
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#7FE967
  • terminal.ansiMagenta#83CBF1
  • terminal.ansiRed#83CBF1
  • terminal.ansiWhite#F5F7F3
  • terminal.ansiYellow#E7B655
  • terminal.background#1F292E
  • terminal.foreground#F5F7F3
  • titleBar.activeBackground#1F292E
  • titleBar.activeForeground#F5F7F3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F292E
  • titleBar.inactiveForeground#F5F7F360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E4DED2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79C2ECbold
storage.type, storage.modifier#79C2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7FE967
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83CBF1
variable, variable.other.readwrite, variable.other.object#F5F7F3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F7F3
variable.parameter, meta.parameter#F5F7F3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F7F380
keyword.operator#F5F7F3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#7FE967
entity.name.tag, punctuation.definition.tag#79C2EC
entity.other.attribute-name#7FE967
meta.diff, meta.diff.header#E4DED2
markup.deleted#83CBF1
markup.inserted#7FE967
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#7FE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#7FE967
markup.underline.link#E4DED2underline
punctuation.definition.list#79C2EC
markup.quote, punctuation.definition.quote#E4DED2italic
Morphous Theme by Ameyanagi - VS Code Theme