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#4C473D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#F6FAF860
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#4C473D
  • button.background#E9A867
  • button.foreground#4C473D
  • button.hoverBackground#E9A867dd
  • editor.background#4C473D
  • editor.foreground#F6FAF8
  • editor.inactiveSelectionBackground#EC92793580
  • editor.lineHighlightBackground#16191D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC927935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#4C473Ddd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#F4E9E680
  • focusBorder#E9A867
  • foreground#F6FAF8
  • input.background#16191D
  • input.border#ffffff15
  • input.foreground#F6FAF8
  • input.placeholderForeground#F6FAF860
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#F6FAF8
  • list.highlightForeground#E9A867
  • list.hoverBackground#16191D40
  • list.hoverForeground#F6FAF8
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#F6FAF8
  • selection.background#EC927935
  • sideBar.background#16191D
  • sideBar.border#ffffff15
  • sideBar.foreground#F6FAF8
  • sideBarSectionHeader.background#4C473D80
  • sideBarSectionHeader.foreground#F6FAF8
  • sideBarTitle.foreground#E9A867
  • statusBar.background#4C473D
  • statusBar.border#ffffff15
  • statusBar.foreground#F6FAF8
  • statusBar.noFolderBackground#4C473D
  • tab.activeBackground#4C473D
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#F6FAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#16191D60
  • tab.inactiveForeground#F6FAF880
  • terminal.ansiBlack#4C473D
  • terminal.ansiBlue#EC9279
  • terminal.ansiCyan#55D8E7
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1BA83
  • terminal.ansiRed#F1BA83
  • terminal.ansiWhite#F6FAF8
  • terminal.ansiYellow#55D8E7
  • terminal.background#4C473D
  • terminal.foreground#F6FAF8
  • titleBar.activeBackground#4C473D
  • titleBar.activeForeground#F6FAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4C473D
  • titleBar.inactiveForeground#F6FAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F4E9E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC9279bold
storage.type, storage.modifier#EC9279italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#55D8E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BA83
variable, variable.other.readwrite, variable.other.object#F6FAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6FAF8
variable.parameter, meta.parameter#F6FAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6FAF880
keyword.operator#F6FAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D8E7bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#EC9279
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#F4E9E6
markup.deleted#F1BA83
markup.inserted#E9A867
markup.changed#55D8E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D8E7
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#F4E9E6underline
punctuation.definition.list#EC9279
markup.quote, punctuation.definition.quote#F4E9E6italic
Morphous Theme by Ameyanagi - VS Code Theme