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#020308
  • activityBar.border#ffffff15
  • activityBar.foreground#E9BC67
  • activityBar.inactiveForeground#f7f8ff60
  • activityBarBadge.background#E9BC67
  • activityBarBadge.foreground#020308
  • button.background#E9BC67
  • button.foreground#020308
  • button.hoverBackground#E9BC67dd
  • editor.background#020308
  • editor.foreground#f7f8ff
  • editor.inactiveSelectionBackground#9879EC3580
  • editor.lineHighlightBackground#0A0F1E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9879EC35
  • editorCursor.foreground#E9BC67
  • editorGroupHeader.tabsBackground#020308dd
  • editorLineNumber.activeForeground#E9BC67
  • editorLineNumber.foreground#68708d80
  • focusBorder#E9BC67
  • foreground#f7f8ff
  • input.background#0A0F1E
  • input.border#ffffff15
  • input.foreground#f7f8ff
  • input.placeholderForeground#f7f8ff60
  • list.activeSelectionBackground#E9BC6730
  • list.activeSelectionForeground#f7f8ff
  • list.highlightForeground#E9BC67
  • list.hoverBackground#0A0F1E40
  • list.hoverForeground#f7f8ff
  • list.inactiveSelectionBackground#E9BC6715
  • list.inactiveSelectionForeground#f7f8ff
  • selection.background#9879EC35
  • sideBar.background#0A0F1E
  • sideBar.border#ffffff15
  • sideBar.foreground#f7f8ff
  • sideBarSectionHeader.background#02030880
  • sideBarSectionHeader.foreground#f7f8ff
  • sideBarTitle.foreground#E9BC67
  • statusBar.background#020308
  • statusBar.border#ffffff15
  • statusBar.foreground#f7f8ff
  • statusBar.noFolderBackground#020308
  • tab.activeBackground#020308
  • tab.activeBorderTop#E9BC67
  • tab.activeForeground#f7f8ff
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0F1E60
  • tab.inactiveForeground#f7f8ff80
  • terminal.ansiBlack#020308
  • terminal.ansiBlue#9879EC
  • terminal.ansiCyan#E75555
  • terminal.ansiGreen#E9BC67
  • terminal.ansiMagenta#839DF1
  • terminal.ansiRed#839DF1
  • terminal.ansiWhite#f7f8ff
  • terminal.ansiYellow#E75555
  • terminal.background#020308
  • terminal.foreground#f7f8ff
  • titleBar.activeBackground#020308
  • titleBar.activeForeground#f7f8ff
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#020308
  • titleBar.inactiveForeground#f7f8ff60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#68708ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9879ECbold
storage.type, storage.modifier#9879ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9BC67
string, punctuation.definition.string, string.template, meta.template.expression#E75555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#839DF1
variable, variable.other.readwrite, variable.other.object#f7f8ff
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7f8ff
variable.parameter, meta.parameter#f7f8ffdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7f8ff80
keyword.operator#f7f8ff
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E75555bold
entity.other.inherited-class#E9BC67
entity.name.tag, punctuation.definition.tag#9879EC
entity.other.attribute-name#E9BC67
meta.diff, meta.diff.header#68708d
markup.deleted#839DF1
markup.inserted#E9BC67
markup.changed#E75555
markup.heading, markup.heading.setext, punctuation.definition.heading#E9BC67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E75555
string.other.link.title, string.other.link.description#E9BC67
markup.underline.link#68708dunderline
punctuation.definition.list#9879EC
markup.quote, punctuation.definition.quote#68708ditalic
Morphous Theme by Ameyanagi - VS Code Theme