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#070D0A
  • activityBar.border#ffffff15
  • activityBar.foreground#DCE967
  • activityBar.inactiveForeground#F3F4EF60
  • activityBarBadge.background#DCE967
  • activityBarBadge.foreground#070D0A
  • button.background#DCE967
  • button.foreground#070D0A
  • button.hoverBackground#DCE967dd
  • editor.background#070D0A
  • editor.foreground#F3F4EF
  • editor.inactiveSelectionBackground#79EC943580
  • editor.lineHighlightBackground#080D0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9435
  • editorCursor.foreground#DCE967
  • editorGroupHeader.tabsBackground#070D0Add
  • editorLineNumber.activeForeground#DCE967
  • editorLineNumber.foreground#E8E4D380
  • focusBorder#DCE967
  • foreground#F3F4EF
  • input.background#080D09
  • input.border#ffffff15
  • input.foreground#F3F4EF
  • input.placeholderForeground#F3F4EF60
  • list.activeSelectionBackground#DCE96730
  • list.activeSelectionForeground#F3F4EF
  • list.highlightForeground#DCE967
  • list.hoverBackground#080D0940
  • list.hoverForeground#F3F4EF
  • list.inactiveSelectionBackground#DCE96715
  • list.inactiveSelectionForeground#F3F4EF
  • selection.background#79EC9435
  • sideBar.background#080D09
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F4EF
  • sideBarSectionHeader.background#070D0A80
  • sideBarSectionHeader.foreground#F3F4EF
  • sideBarTitle.foreground#DCE967
  • statusBar.background#070D0A
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F4EF
  • statusBar.noFolderBackground#070D0A
  • tab.activeBackground#070D0A
  • tab.activeBorderTop#DCE967
  • tab.activeForeground#F3F4EF
  • tab.border#ffffff15
  • tab.inactiveBackground#080D0960
  • tab.inactiveForeground#F3F4EF80
  • terminal.ansiBlack#070D0A
  • terminal.ansiBlue#79EC94
  • terminal.ansiCyan#9EE755
  • terminal.ansiGreen#DCE967
  • terminal.ansiMagenta#F1D983
  • terminal.ansiRed#F1D983
  • terminal.ansiWhite#F3F4EF
  • terminal.ansiYellow#9EE755
  • terminal.background#070D0A
  • terminal.foreground#F3F4EF
  • titleBar.activeBackground#070D0A
  • titleBar.activeForeground#F3F4EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070D0A
  • titleBar.inactiveForeground#F3F4EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8E4D3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC94bold
storage.type, storage.modifier#79EC94italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#DCE967
string, punctuation.definition.string, string.template, meta.template.expression#9EE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D983
variable, variable.other.readwrite, variable.other.object#F3F4EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F4EF
variable.parameter, meta.parameter#F3F4EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F4EF80
keyword.operator#F3F4EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9EE755bold
entity.other.inherited-class#DCE967
entity.name.tag, punctuation.definition.tag#79EC94
entity.other.attribute-name#DCE967
meta.diff, meta.diff.header#E8E4D3
markup.deleted#F1D983
markup.inserted#DCE967
markup.changed#9EE755
markup.heading, markup.heading.setext, punctuation.definition.heading#DCE967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9EE755
string.other.link.title, string.other.link.description#DCE967
markup.underline.link#E8E4D3underline
punctuation.definition.list#79EC94
markup.quote, punctuation.definition.quote#E8E4D3italic
Morphous Theme by Ameyanagi - VS Code Theme