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#0B1618
  • activityBar.border#ffffff15
  • activityBar.foreground#E99967
  • activityBar.inactiveForeground#F8F4EA60
  • activityBarBadge.background#E99967
  • activityBarBadge.foreground#0B1618
  • button.background#E99967
  • button.foreground#0B1618
  • button.hoverBackground#E99967dd
  • editor.background#0B1618
  • editor.foreground#F8F4EA
  • editor.inactiveSelectionBackground#ECE4793580
  • editor.lineHighlightBackground#0D090740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECE47935
  • editorCursor.foreground#E99967
  • editorGroupHeader.tabsBackground#0B1618dd
  • editorLineNumber.activeForeground#E99967
  • editorLineNumber.foreground#CBB79A80
  • focusBorder#E99967
  • foreground#F8F4EA
  • input.background#0D0907
  • input.border#ffffff15
  • input.foreground#F8F4EA
  • input.placeholderForeground#F8F4EA60
  • list.activeSelectionBackground#E9996730
  • list.activeSelectionForeground#F8F4EA
  • list.highlightForeground#E99967
  • list.hoverBackground#0D090740
  • list.hoverForeground#F8F4EA
  • list.inactiveSelectionBackground#E9996715
  • list.inactiveSelectionForeground#F8F4EA
  • selection.background#ECE47935
  • sideBar.background#0D0907
  • sideBar.border#ffffff15
  • sideBar.foreground#F8F4EA
  • sideBarSectionHeader.background#0B161880
  • sideBarSectionHeader.foreground#F8F4EA
  • sideBarTitle.foreground#E99967
  • statusBar.background#0B1618
  • statusBar.border#ffffff15
  • statusBar.foreground#F8F4EA
  • statusBar.noFolderBackground#0B1618
  • tab.activeBackground#0B1618
  • tab.activeBorderTop#E99967
  • tab.activeForeground#F8F4EA
  • tab.border#ffffff15
  • tab.inactiveBackground#0D090760
  • tab.inactiveForeground#F8F4EA80
  • terminal.ansiBlack#0B1618
  • terminal.ansiBlue#ECE479
  • terminal.ansiCyan#55DDE7
  • terminal.ansiGreen#E99967
  • terminal.ansiMagenta#D0F183
  • terminal.ansiRed#D0F183
  • terminal.ansiWhite#F8F4EA
  • terminal.ansiYellow#55DDE7
  • terminal.background#0B1618
  • terminal.foreground#F8F4EA
  • titleBar.activeBackground#0B1618
  • titleBar.activeForeground#F8F4EA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B1618
  • titleBar.inactiveForeground#F8F4EA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CBB79Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECE479bold
storage.type, storage.modifier#ECE479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99967
string, punctuation.definition.string, string.template, meta.template.expression#55DDE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D0F183
variable, variable.other.readwrite, variable.other.object#F8F4EA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F8F4EA
variable.parameter, meta.parameter#F8F4EAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F8F4EA80
keyword.operator#F8F4EA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55DDE7bold
entity.other.inherited-class#E99967
entity.name.tag, punctuation.definition.tag#ECE479
entity.other.attribute-name#E99967
meta.diff, meta.diff.header#CBB79A
markup.deleted#D0F183
markup.inserted#E99967
markup.changed#55DDE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E99967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55DDE7
string.other.link.title, string.other.link.description#E99967
markup.underline.link#CBB79Aunderline
punctuation.definition.list#ECE479
markup.quote, punctuation.definition.quote#CBB79Aitalic
Morphous Theme by Ameyanagi - VS Code Theme