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#0F1113
  • activityBar.border#ffffff15
  • activityBar.foreground#6F7378
  • activityBar.inactiveForeground#F6F4EF60
  • activityBarBadge.background#6F7378
  • activityBarBadge.foreground#0F1113
  • button.background#6F7378
  • button.foreground#0F1113
  • button.hoverBackground#6F7378dd
  • editor.background#0F1113
  • editor.foreground#F6F4EF
  • editor.inactiveSelectionBackground#B68A643580
  • editor.lineHighlightBackground#1B1F2340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B68A6435
  • editorCursor.foreground#6F7378
  • editorGroupHeader.tabsBackground#0F1113dd
  • editorLineNumber.activeForeground#6F7378
  • editorLineNumber.foreground#ECEFF280
  • focusBorder#6F7378
  • foreground#F6F4EF
  • input.background#1B1F23
  • input.border#ffffff15
  • input.foreground#F6F4EF
  • input.placeholderForeground#F6F4EF60
  • list.activeSelectionBackground#6F737830
  • list.activeSelectionForeground#F6F4EF
  • list.highlightForeground#6F7378
  • list.hoverBackground#1B1F2340
  • list.hoverForeground#F6F4EF
  • list.inactiveSelectionBackground#6F737815
  • list.inactiveSelectionForeground#F6F4EF
  • selection.background#B68A6435
  • sideBar.background#1B1F23
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F4EF
  • sideBarSectionHeader.background#0F111380
  • sideBarSectionHeader.foreground#F6F4EF
  • sideBarTitle.foreground#6F7378
  • statusBar.background#0F1113
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F4EF
  • statusBar.noFolderBackground#0F1113
  • tab.activeBackground#0F1113
  • tab.activeBorderTop#6F7378
  • tab.activeForeground#F6F4EF
  • tab.border#ffffff15
  • tab.inactiveBackground#1B1F2360
  • tab.inactiveForeground#F6F4EF80
  • terminal.ansiBlack#0F1113
  • terminal.ansiBlue#B68A64
  • terminal.ansiCyan#A3B18A
  • terminal.ansiGreen#6F7378
  • terminal.ansiMagenta#B85C4A
  • terminal.ansiRed#B85C4A
  • terminal.ansiWhite#F6F4EF
  • terminal.ansiYellow#A3B18A
  • terminal.background#0F1113
  • terminal.foreground#F6F4EF
  • titleBar.activeBackground#0F1113
  • titleBar.activeForeground#F6F4EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F1113
  • titleBar.inactiveForeground#F6F4EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ECEFF2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B68A64bold
storage.type, storage.modifier#B68A64italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6F7378
string, punctuation.definition.string, string.template, meta.template.expression#A3B18A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B85C4A
variable, variable.other.readwrite, variable.other.object#F6F4EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F4EF
variable.parameter, meta.parameter#F6F4EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F4EF80
keyword.operator#F6F4EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3B18Abold
entity.other.inherited-class#6F7378
entity.name.tag, punctuation.definition.tag#B68A64
entity.other.attribute-name#6F7378
meta.diff, meta.diff.header#ECEFF2
markup.deleted#B85C4A
markup.inserted#6F7378
markup.changed#A3B18A
markup.heading, markup.heading.setext, punctuation.definition.heading#6F7378bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3B18A
string.other.link.title, string.other.link.description#6F7378
markup.underline.link#ECEFF2underline
punctuation.definition.list#B68A64
markup.quote, punctuation.definition.quote#ECEFF2italic
Morphous Theme by Ameyanagi - VS Code Theme