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#F4F6FA
  • activityBar.border#00000015
  • activityBar.foreground#6B0F14
  • activityBar.inactiveForeground#0D0F1460
  • activityBarBadge.background#6B0F14
  • activityBarBadge.foreground#F4F6FA
  • button.background#6B0F14
  • button.foreground#F4F6FA
  • button.hoverBackground#6B0F14dd
  • editor.background#F4F6FA
  • editor.foreground#0D0F14
  • editor.inactiveSelectionBackground#286EFF2580
  • editor.lineHighlightBackground#AEB6C250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#286EFF25
  • editorCursor.foreground#6B0F14
  • editorGroupHeader.tabsBackground#AEB6C2aa
  • editorLineNumber.activeForeground#6B0F14
  • editorLineNumber.foreground#18243080
  • focusBorder#6B0F14
  • foreground#0D0F14
  • input.background#AEB6C2
  • input.border#00000015
  • input.foreground#0D0F14
  • input.placeholderForeground#0D0F1460
  • list.activeSelectionBackground#6B0F1430
  • list.activeSelectionForeground#0D0F14
  • list.highlightForeground#6B0F14
  • list.hoverBackground#AEB6C240
  • list.hoverForeground#0D0F14
  • list.inactiveSelectionBackground#6B0F1415
  • list.inactiveSelectionForeground#0D0F14
  • selection.background#286EFF25
  • sideBar.background#AEB6C2
  • sideBar.border#00000015
  • sideBar.foreground#0D0F14
  • sideBarSectionHeader.background#AEB6C280
  • sideBarSectionHeader.foreground#0D0F14
  • sideBarTitle.foreground#6B0F14
  • statusBar.background#F4F6FA
  • statusBar.border#00000015
  • statusBar.foreground#0D0F14
  • statusBar.noFolderBackground#F4F6FA
  • tab.activeBackground#F4F6FA
  • tab.activeBorderTop#6B0F14
  • tab.activeForeground#0D0F14
  • tab.border#00000015
  • tab.inactiveBackground#F4F6FA60
  • tab.inactiveForeground#0D0F1480
  • terminal.ansiBlack#0D0F14
  • terminal.ansiBlue#286EFF
  • terminal.ansiCyan#380E16
  • terminal.ansiGreen#6B0F14
  • terminal.ansiMagenta#58E6FF
  • terminal.ansiRed#58E6FF
  • terminal.ansiWhite#0D0F14
  • terminal.ansiYellow#380E16
  • terminal.background#F4F6FA
  • terminal.foreground#0D0F14
  • titleBar.activeBackground#F4F6FA
  • titleBar.activeForeground#0D0F14
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F6FA
  • titleBar.inactiveForeground#0D0F1460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#182430italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#286EFFbold
storage.type, storage.modifier#286EFFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B0F14
string, punctuation.definition.string, string.template, meta.template.expression#380E16
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#58E6FF
variable, variable.other.readwrite, variable.other.object#0D0F14
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0F14
variable.parameter, meta.parameter#0D0F14dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0F1480
keyword.operator#0D0F14
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#380E16bold
entity.other.inherited-class#6B0F14
entity.name.tag, punctuation.definition.tag#286EFF
entity.other.attribute-name#6B0F14
meta.diff, meta.diff.header#182430
markup.deleted#58E6FF
markup.inserted#6B0F14
markup.changed#380E16
markup.heading, markup.heading.setext, punctuation.definition.heading#6B0F14bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#380E16
string.other.link.title, string.other.link.description#6B0F14
markup.underline.link#182430underline
punctuation.definition.list#286EFF
markup.quote, punctuation.definition.quote#182430italic
Morphous Theme by Ameyanagi - VS Code Theme