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#0A141F
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9AF
  • activityBar.inactiveForeground#FFFFFF60
  • activityBarBadge.background#67E9AF
  • activityBarBadge.foreground#0A141F
  • button.background#67E9AF
  • button.foreground#0A141F
  • button.hoverBackground#67E9AFdd
  • editor.background#0A141F
  • editor.foreground#FFFFFF
  • editor.inactiveSelectionBackground#ECC9793580
  • editor.lineHighlightBackground#2C384940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC97935
  • editorCursor.foreground#67E9AF
  • editorGroupHeader.tabsBackground#0A141Fdd
  • editorLineNumber.activeForeground#67E9AF
  • editorLineNumber.foreground#6A7F4A80
  • focusBorder#67E9AF
  • foreground#FFFFFF
  • input.background#2C3849
  • input.border#ffffff15
  • input.foreground#FFFFFF
  • input.placeholderForeground#FFFFFF60
  • list.activeSelectionBackground#67E9AF30
  • list.activeSelectionForeground#FFFFFF
  • list.highlightForeground#67E9AF
  • list.hoverBackground#2C384940
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#67E9AF15
  • list.inactiveSelectionForeground#FFFFFF
  • selection.background#ECC97935
  • sideBar.background#2C3849
  • sideBar.border#ffffff15
  • sideBar.foreground#FFFFFF
  • sideBarSectionHeader.background#0A141F80
  • sideBarSectionHeader.foreground#FFFFFF
  • sideBarTitle.foreground#67E9AF
  • statusBar.background#0A141F
  • statusBar.border#ffffff15
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#0A141F
  • tab.activeBackground#0A141F
  • tab.activeBorderTop#67E9AF
  • tab.activeForeground#FFFFFF
  • tab.border#ffffff15
  • tab.inactiveBackground#2C384960
  • tab.inactiveForeground#FFFFFF80
  • terminal.ansiBlack#0A141F
  • terminal.ansiBlue#ECC979
  • terminal.ansiCyan#55E794
  • terminal.ansiGreen#67E9AF
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#55E794
  • terminal.background#0A141F
  • terminal.foreground#FFFFFF
  • titleBar.activeBackground#0A141F
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A141F
  • titleBar.inactiveForeground#FFFFFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A7F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC979bold
storage.type, storage.modifier#ECC979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9AF
string, punctuation.definition.string, string.template, meta.template.expression#55E794
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#FFFFFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFFFFF
variable.parameter, meta.parameter#FFFFFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFFFFF80
keyword.operator#FFFFFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E794bold
entity.other.inherited-class#67E9AF
entity.name.tag, punctuation.definition.tag#ECC979
entity.other.attribute-name#67E9AF
meta.diff, meta.diff.header#6A7F4A
markup.deleted#F1D683
markup.inserted#67E9AF
markup.changed#55E794
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9AFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E794
string.other.link.title, string.other.link.description#67E9AF
markup.underline.link#6A7F4Aunderline
punctuation.definition.list#ECC979
markup.quote, punctuation.definition.quote#6A7F4Aitalic
Morphous Theme by Ameyanagi - VS Code Theme