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#081F1A
  • activityBar.border#ffffff15
  • activityBar.foreground#F2541B
  • activityBar.inactiveForeground#FAFBFC60
  • activityBarBadge.background#F2541B
  • activityBarBadge.foreground#081F1A
  • button.background#F2541B
  • button.foreground#081F1A
  • button.hoverBackground#F2541Bdd
  • editor.background#081F1A
  • editor.foreground#FAFBFC
  • editor.inactiveSelectionBackground#eadfcf3580
  • editor.lineHighlightBackground#0F111540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#eadfcf35
  • editorCursor.foreground#F2541B
  • editorGroupHeader.tabsBackground#081F1Add
  • editorLineNumber.activeForeground#F2541B
  • editorLineNumber.foreground#eadfcf80
  • focusBorder#F2541B
  • foreground#FAFBFC
  • input.background#0F1115
  • input.border#ffffff15
  • input.foreground#FAFBFC
  • input.placeholderForeground#FAFBFC60
  • list.activeSelectionBackground#F2541B30
  • list.activeSelectionForeground#FAFBFC
  • list.highlightForeground#F2541B
  • list.hoverBackground#0F111540
  • list.hoverForeground#FAFBFC
  • list.inactiveSelectionBackground#F2541B15
  • list.inactiveSelectionForeground#FAFBFC
  • selection.background#eadfcf35
  • sideBar.background#0F1115
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBFC
  • sideBarSectionHeader.background#081F1A80
  • sideBarSectionHeader.foreground#FAFBFC
  • sideBarTitle.foreground#F2541B
  • statusBar.background#081F1A
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBFC
  • statusBar.noFolderBackground#081F1A
  • tab.activeBackground#081F1A
  • tab.activeBorderTop#F2541B
  • tab.activeForeground#FAFBFC
  • tab.border#ffffff15
  • tab.inactiveBackground#0F111560
  • tab.inactiveForeground#FAFBFC80
  • terminal.ansiBlack#081F1A
  • terminal.ansiBlue#eadfcf
  • terminal.ansiCyan#2AA79B
  • terminal.ansiGreen#F2541B
  • terminal.ansiMagenta#2E7D66
  • terminal.ansiRed#2E7D66
  • terminal.ansiWhite#FAFBFC
  • terminal.ansiYellow#2AA79B
  • terminal.background#081F1A
  • terminal.foreground#FAFBFC
  • titleBar.activeBackground#081F1A
  • titleBar.activeForeground#FAFBFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#081F1A
  • titleBar.inactiveForeground#FAFBFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eadfcfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#eadfcfbold
storage.type, storage.modifier#eadfcfitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F2541B
string, punctuation.definition.string, string.template, meta.template.expression#2AA79B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#2E7D66
variable, variable.other.readwrite, variable.other.object#FAFBFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBFC
variable.parameter, meta.parameter#FAFBFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBFC80
keyword.operator#FAFBFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2AA79Bbold
entity.other.inherited-class#F2541B
entity.name.tag, punctuation.definition.tag#eadfcf
entity.other.attribute-name#F2541B
meta.diff, meta.diff.header#eadfcf
markup.deleted#2E7D66
markup.inserted#F2541B
markup.changed#2AA79B
markup.heading, markup.heading.setext, punctuation.definition.heading#F2541Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2AA79B
string.other.link.title, string.other.link.description#F2541B
markup.underline.link#eadfcfunderline
punctuation.definition.list#eadfcf
markup.quote, punctuation.definition.quote#eadfcfitalic
Morphous Theme by Ameyanagi - VS Code Theme