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#100C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#E99767
  • activityBar.inactiveForeground#F7F0E360
  • activityBarBadge.background#E99767
  • activityBarBadge.foreground#100C0A
  • button.background#E99767
  • button.foreground#100C0A
  • button.hoverBackground#E99767dd
  • editor.background#100C0A
  • editor.foreground#F7F0E3
  • editor.inactiveSelectionBackground#ECA1793580
  • editor.lineHighlightBackground#2E211940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA17935
  • editorCursor.foreground#E99767
  • editorGroupHeader.tabsBackground#100C0Add
  • editorLineNumber.activeForeground#E99767
  • editorLineNumber.foreground#E7D2B480
  • focusBorder#E99767
  • foreground#F7F0E3
  • input.background#2E2119
  • input.border#ffffff15
  • input.foreground#F7F0E3
  • input.placeholderForeground#F7F0E360
  • list.activeSelectionBackground#E9976730
  • list.activeSelectionForeground#F7F0E3
  • list.highlightForeground#E99767
  • list.hoverBackground#2E211940
  • list.hoverForeground#F7F0E3
  • list.inactiveSelectionBackground#E9976715
  • list.inactiveSelectionForeground#F7F0E3
  • selection.background#ECA17935
  • sideBar.background#2E2119
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F0E3
  • sideBarSectionHeader.background#100C0A80
  • sideBarSectionHeader.foreground#F7F0E3
  • sideBarTitle.foreground#E99767
  • statusBar.background#100C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F0E3
  • statusBar.noFolderBackground#100C0A
  • tab.activeBackground#100C0A
  • tab.activeBorderTop#E99767
  • tab.activeForeground#F7F0E3
  • tab.border#ffffff15
  • tab.inactiveBackground#2E211960
  • tab.inactiveForeground#F7F0E380
  • terminal.ansiBlack#100C0A
  • terminal.ansiBlue#ECA179
  • terminal.ansiCyan#55A8E7
  • terminal.ansiGreen#E99767
  • terminal.ansiMagenta#C1F183
  • terminal.ansiRed#C1F183
  • terminal.ansiWhite#F7F0E3
  • terminal.ansiYellow#55A8E7
  • terminal.background#100C0A
  • terminal.foreground#F7F0E3
  • titleBar.activeBackground#100C0A
  • titleBar.activeForeground#F7F0E3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#100C0A
  • titleBar.inactiveForeground#F7F0E360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7D2B4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA179bold
storage.type, storage.modifier#ECA179italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99767
string, punctuation.definition.string, string.template, meta.template.expression#55A8E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C1F183
variable, variable.other.readwrite, variable.other.object#F7F0E3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F0E3
variable.parameter, meta.parameter#F7F0E3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F0E380
keyword.operator#F7F0E3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A8E7bold
entity.other.inherited-class#E99767
entity.name.tag, punctuation.definition.tag#ECA179
entity.other.attribute-name#E99767
meta.diff, meta.diff.header#E7D2B4
markup.deleted#C1F183
markup.inserted#E99767
markup.changed#55A8E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E99767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A8E7
string.other.link.title, string.other.link.description#E99767
markup.underline.link#E7D2B4underline
punctuation.definition.list#ECA179
markup.quote, punctuation.definition.quote#E7D2B4italic
Morphous Theme by Ameyanagi - VS Code Theme