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#0E1115
  • activityBar.border#ffffff15
  • activityBar.foreground#5A6168
  • activityBar.inactiveForeground#F7F5EF60
  • activityBarBadge.background#5A6168
  • activityBarBadge.foreground#0E1115
  • button.background#5A6168
  • button.foreground#0E1115
  • button.hoverBackground#5A6168dd
  • editor.background#0E1115
  • editor.foreground#F7F5EF
  • editor.inactiveSelectionBackground#A69A873580
  • editor.lineHighlightBackground#28313640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A69A8735
  • editorCursor.foreground#5A6168
  • editorGroupHeader.tabsBackground#0E1115dd
  • editorLineNumber.activeForeground#5A6168
  • editorLineNumber.foreground#B7C0BE80
  • focusBorder#5A6168
  • foreground#F7F5EF
  • input.background#283136
  • input.border#ffffff15
  • input.foreground#F7F5EF
  • input.placeholderForeground#F7F5EF60
  • list.activeSelectionBackground#5A616830
  • list.activeSelectionForeground#F7F5EF
  • list.highlightForeground#5A6168
  • list.hoverBackground#28313640
  • list.hoverForeground#F7F5EF
  • list.inactiveSelectionBackground#5A616815
  • list.inactiveSelectionForeground#F7F5EF
  • selection.background#A69A8735
  • sideBar.background#283136
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F5EF
  • sideBarSectionHeader.background#0E111580
  • sideBarSectionHeader.foreground#F7F5EF
  • sideBarTitle.foreground#5A6168
  • statusBar.background#0E1115
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F5EF
  • statusBar.noFolderBackground#0E1115
  • tab.activeBackground#0E1115
  • tab.activeBorderTop#5A6168
  • tab.activeForeground#F7F5EF
  • tab.border#ffffff15
  • tab.inactiveBackground#28313660
  • tab.inactiveForeground#F7F5EF80
  • terminal.ansiBlack#0E1115
  • terminal.ansiBlue#A69A87
  • terminal.ansiCyan#6E8E58
  • terminal.ansiGreen#5A6168
  • terminal.ansiMagenta#FDF8F7
  • terminal.ansiRed#FDF8F7
  • terminal.ansiWhite#F7F5EF
  • terminal.ansiYellow#6E8E58
  • terminal.background#0E1115
  • terminal.foreground#F7F5EF
  • titleBar.activeBackground#0E1115
  • titleBar.activeForeground#F7F5EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E1115
  • titleBar.inactiveForeground#F7F5EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7C0BEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A69A87bold
storage.type, storage.modifier#A69A87italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5A6168
string, punctuation.definition.string, string.template, meta.template.expression#6E8E58
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FDF8F7
variable, variable.other.readwrite, variable.other.object#F7F5EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F5EF
variable.parameter, meta.parameter#F7F5EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F5EF80
keyword.operator#F7F5EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6E8E58bold
entity.other.inherited-class#5A6168
entity.name.tag, punctuation.definition.tag#A69A87
entity.other.attribute-name#5A6168
meta.diff, meta.diff.header#B7C0BE
markup.deleted#FDF8F7
markup.inserted#5A6168
markup.changed#6E8E58
markup.heading, markup.heading.setext, punctuation.definition.heading#5A6168bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6E8E58
string.other.link.title, string.other.link.description#5A6168
markup.underline.link#B7C0BEunderline
punctuation.definition.list#A69A87
markup.quote, punctuation.definition.quote#B7C0BEitalic
Morphous Theme by Ameyanagi - VS Code Theme