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#483723
  • activityBar.border#ffffff15
  • activityBar.foreground#E99767
  • activityBar.inactiveForeground#F7F2E660
  • activityBarBadge.background#E99767
  • activityBarBadge.foreground#483723
  • button.background#E99767
  • button.foreground#483723
  • button.hoverBackground#E99767dd
  • editor.background#483723
  • editor.foreground#F7F2E6
  • editor.inactiveSelectionBackground#ECB3793580
  • editor.lineHighlightBackground#20191340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB37935
  • editorCursor.foreground#E99767
  • editorGroupHeader.tabsBackground#483723dd
  • editorLineNumber.activeForeground#E99767
  • editorLineNumber.foreground#788a5a80
  • focusBorder#E99767
  • foreground#F7F2E6
  • input.background#201913
  • input.border#ffffff15
  • input.foreground#F7F2E6
  • input.placeholderForeground#F7F2E660
  • list.activeSelectionBackground#E9976730
  • list.activeSelectionForeground#F7F2E6
  • list.highlightForeground#E99767
  • list.hoverBackground#20191340
  • list.hoverForeground#F7F2E6
  • list.inactiveSelectionBackground#E9976715
  • list.inactiveSelectionForeground#F7F2E6
  • selection.background#ECB37935
  • sideBar.background#201913
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2E6
  • sideBarSectionHeader.background#48372380
  • sideBarSectionHeader.foreground#F7F2E6
  • sideBarTitle.foreground#E99767
  • statusBar.background#483723
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2E6
  • statusBar.noFolderBackground#483723
  • tab.activeBackground#483723
  • tab.activeBorderTop#E99767
  • tab.activeForeground#F7F2E6
  • tab.border#ffffff15
  • tab.inactiveBackground#20191360
  • tab.inactiveForeground#F7F2E680
  • terminal.ansiBlack#483723
  • terminal.ansiBlue#ECB379
  • terminal.ansiCyan#88E755
  • terminal.ansiGreen#E99767
  • terminal.ansiMagenta#F1C383
  • terminal.ansiRed#F1C383
  • terminal.ansiWhite#F7F2E6
  • terminal.ansiYellow#88E755
  • terminal.background#483723
  • terminal.foreground#F7F2E6
  • titleBar.activeBackground#483723
  • titleBar.activeForeground#F7F2E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#483723
  • titleBar.inactiveForeground#F7F2E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#788a5aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB379bold
storage.type, storage.modifier#ECB379italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99767
string, punctuation.definition.string, string.template, meta.template.expression#88E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C383
variable, variable.other.readwrite, variable.other.object#F7F2E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2E6
variable.parameter, meta.parameter#F7F2E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2E680
keyword.operator#F7F2E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#88E755bold
entity.other.inherited-class#E99767
entity.name.tag, punctuation.definition.tag#ECB379
entity.other.attribute-name#E99767
meta.diff, meta.diff.header#788a5a
markup.deleted#F1C383
markup.inserted#E99767
markup.changed#88E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99767bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#88E755
string.other.link.title, string.other.link.description#E99767
markup.underline.link#788a5aunderline
punctuation.definition.list#ECB379
markup.quote, punctuation.definition.quote#788a5aitalic
Morphous Theme by Ameyanagi - VS Code Theme