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

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#0F1115
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1115
variable.parameter, meta.parameter#0F1115dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F111580
keyword.operator#0F1115
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