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#0B111E
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9E3
  • activityBar.inactiveForeground#f6fafd60
  • activityBarBadge.background#67E9E3
  • activityBarBadge.foreground#0B111E
  • button.background#67E9E3
  • button.foreground#0B111E
  • button.hoverBackground#67E9E3dd
  • editor.background#0B111E
  • editor.foreground#f6fafd
  • editor.inactiveSelectionBackground#9F79EC3580
  • editor.lineHighlightBackground#0B111E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9F79EC35
  • editorCursor.foreground#67E9E3
  • editorGroupHeader.tabsBackground#0B111Edd
  • editorLineNumber.activeForeground#67E9E3
  • editorLineNumber.foreground#64748b80
  • focusBorder#67E9E3
  • foreground#f6fafd
  • input.background#0B111E
  • input.border#ffffff15
  • input.foreground#f6fafd
  • input.placeholderForeground#f6fafd60
  • list.activeSelectionBackground#67E9E330
  • list.activeSelectionForeground#f6fafd
  • list.highlightForeground#67E9E3
  • list.hoverBackground#0B111E40
  • list.hoverForeground#f6fafd
  • list.inactiveSelectionBackground#67E9E315
  • list.inactiveSelectionForeground#f6fafd
  • selection.background#9F79EC35
  • sideBar.background#0B111E
  • sideBar.border#ffffff15
  • sideBar.foreground#f6fafd
  • sideBarSectionHeader.background#0B111E80
  • sideBarSectionHeader.foreground#f6fafd
  • sideBarTitle.foreground#67E9E3
  • statusBar.background#0B111E
  • statusBar.border#ffffff15
  • statusBar.foreground#f6fafd
  • statusBar.noFolderBackground#0B111E
  • tab.activeBackground#0B111E
  • tab.activeBorderTop#67E9E3
  • tab.activeForeground#f6fafd
  • tab.border#ffffff15
  • tab.inactiveBackground#0B111E60
  • tab.inactiveForeground#f6fafd80
  • terminal.ansiBlack#0B111E
  • terminal.ansiBlue#9F79EC
  • terminal.ansiCyan#7A55E7
  • terminal.ansiGreen#67E9E3
  • terminal.ansiMagenta#83F1EF
  • terminal.ansiRed#83F1EF
  • terminal.ansiWhite#f6fafd
  • terminal.ansiYellow#7A55E7
  • terminal.background#0B111E
  • terminal.foreground#f6fafd
  • titleBar.activeBackground#0B111E
  • titleBar.activeForeground#f6fafd
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B111E
  • titleBar.inactiveForeground#f6fafd60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#64748bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9F79ECbold
storage.type, storage.modifier#9F79ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9E3
string, punctuation.definition.string, string.template, meta.template.expression#7A55E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1EF
variable, variable.other.readwrite, variable.other.object#f6fafd
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6fafd
variable.parameter, meta.parameter#f6fafddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6fafd80
keyword.operator#f6fafd
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7A55E7bold
entity.other.inherited-class#67E9E3
entity.name.tag, punctuation.definition.tag#9F79EC
entity.other.attribute-name#67E9E3
meta.diff, meta.diff.header#64748b
markup.deleted#83F1EF
markup.inserted#67E9E3
markup.changed#7A55E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9E3bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7A55E7
string.other.link.title, string.other.link.description#67E9E3
markup.underline.link#64748bunderline
punctuation.definition.list#9F79EC
markup.quote, punctuation.definition.quote#64748bitalic
Morphous Theme by Ameyanagi - VS Code Theme