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#0D1526
  • activityBar.border#ffffff15
  • activityBar.foreground#FFD873
  • activityBar.inactiveForeground#EAF3FF60
  • activityBarBadge.background#FFD873
  • activityBarBadge.foreground#0D1526
  • button.background#FFD873
  • button.foreground#0D1526
  • button.hoverBackground#FFD873dd
  • editor.background#0D1526
  • editor.foreground#EAF3FF
  • editor.inactiveSelectionBackground#BDEBFF3580
  • editor.lineHighlightBackground#182A4440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BDEBFF35
  • editorCursor.foreground#FFD873
  • editorGroupHeader.tabsBackground#0D1526dd
  • editorLineNumber.activeForeground#FFD873
  • editorLineNumber.foreground#DCE3EB80
  • focusBorder#FFD873
  • foreground#EAF3FF
  • input.background#182A44
  • input.border#ffffff15
  • input.foreground#EAF3FF
  • input.placeholderForeground#EAF3FF60
  • list.activeSelectionBackground#FFD87330
  • list.activeSelectionForeground#EAF3FF
  • list.highlightForeground#FFD873
  • list.hoverBackground#182A4440
  • list.hoverForeground#EAF3FF
  • list.inactiveSelectionBackground#FFD87315
  • list.inactiveSelectionForeground#EAF3FF
  • selection.background#BDEBFF35
  • sideBar.background#182A44
  • sideBar.border#ffffff15
  • sideBar.foreground#EAF3FF
  • sideBarSectionHeader.background#0D152680
  • sideBarSectionHeader.foreground#EAF3FF
  • sideBarTitle.foreground#FFD873
  • statusBar.background#0D1526
  • statusBar.border#ffffff15
  • statusBar.foreground#EAF3FF
  • statusBar.noFolderBackground#0D1526
  • tab.activeBackground#0D1526
  • tab.activeBorderTop#FFD873
  • tab.activeForeground#EAF3FF
  • tab.border#ffffff15
  • tab.inactiveBackground#182A4460
  • tab.inactiveForeground#EAF3FF80
  • terminal.ansiBlack#0D1526
  • terminal.ansiBlue#BDEBFF
  • terminal.ansiCyan#7FD7F4
  • terminal.ansiGreen#FFD873
  • terminal.ansiMagenta#FFB3C9
  • terminal.ansiRed#FFB3C9
  • terminal.ansiWhite#EAF3FF
  • terminal.ansiYellow#7FD7F4
  • terminal.background#0D1526
  • terminal.foreground#EAF3FF
  • titleBar.activeBackground#0D1526
  • titleBar.activeForeground#EAF3FF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D1526
  • titleBar.inactiveForeground#EAF3FF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE3EBitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BDEBFFbold
storage.type, storage.modifier#BDEBFFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD873
string, punctuation.definition.string, string.template, meta.template.expression#7FD7F4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#FFB3C9
variable, variable.other.readwrite, variable.other.object#EAF3FF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#EAF3FF
variable.parameter, meta.parameter#EAF3FFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#EAF3FF80
keyword.operator#EAF3FF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7FD7F4bold
entity.other.inherited-class#FFD873
entity.name.tag, punctuation.definition.tag#BDEBFF
entity.other.attribute-name#FFD873
meta.diff, meta.diff.header#DCE3EB
markup.deleted#FFB3C9
markup.inserted#FFD873
markup.changed#7FD7F4
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD873bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7FD7F4
string.other.link.title, string.other.link.description#FFD873
markup.underline.link#DCE3EBunderline
punctuation.definition.list#BDEBFF
markup.quote, punctuation.definition.quote#DCE3EBitalic
Morphous Theme by Ameyanagi - VS Code Theme