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#071321
  • activityBar.border#ffffff15
  • activityBar.foreground#1E6FAE
  • activityBar.inactiveForeground#F3F7FA60
  • activityBarBadge.background#1E6FAE
  • activityBarBadge.foreground#071321
  • button.background#1E6FAE
  • button.foreground#071321
  • button.hoverBackground#1E6FAEdd
  • editor.background#071321
  • editor.foreground#F3F7FA
  • editor.inactiveSelectionBackground#F4E8D63580
  • editor.lineHighlightBackground#0D1B2A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F4E8D635
  • editorCursor.foreground#1E6FAE
  • editorGroupHeader.tabsBackground#071321dd
  • editorLineNumber.activeForeground#1E6FAE
  • editorLineNumber.foreground#6C728080
  • focusBorder#1E6FAE
  • foreground#F3F7FA
  • input.background#0D1B2A
  • input.border#ffffff15
  • input.foreground#F3F7FA
  • input.placeholderForeground#F3F7FA60
  • list.activeSelectionBackground#1E6FAE30
  • list.activeSelectionForeground#F3F7FA
  • list.highlightForeground#1E6FAE
  • list.hoverBackground#0D1B2A40
  • list.hoverForeground#F3F7FA
  • list.inactiveSelectionBackground#1E6FAE15
  • list.inactiveSelectionForeground#F3F7FA
  • selection.background#F4E8D635
  • sideBar.background#0D1B2A
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F7FA
  • sideBarSectionHeader.background#07132180
  • sideBarSectionHeader.foreground#F3F7FA
  • sideBarTitle.foreground#1E6FAE
  • statusBar.background#071321
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F7FA
  • statusBar.noFolderBackground#071321
  • tab.activeBackground#071321
  • tab.activeBorderTop#1E6FAE
  • tab.activeForeground#F3F7FA
  • tab.border#ffffff15
  • tab.inactiveBackground#0D1B2A60
  • tab.inactiveForeground#F3F7FA80
  • terminal.ansiBlack#071321
  • terminal.ansiBlue#F4E8D6
  • terminal.ansiCyan#00B3E6
  • terminal.ansiGreen#1E6FAE
  • terminal.ansiMagenta#6C7280
  • terminal.ansiRed#6C7280
  • terminal.ansiWhite#F3F7FA
  • terminal.ansiYellow#00B3E6
  • terminal.background#071321
  • terminal.foreground#F3F7FA
  • titleBar.activeBackground#071321
  • titleBar.activeForeground#F3F7FA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#071321
  • titleBar.inactiveForeground#F3F7FA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6C7280italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F4E8D6bold
storage.type, storage.modifier#F4E8D6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E6FAE
string, punctuation.definition.string, string.template, meta.template.expression#00B3E6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6C7280
variable, variable.other.readwrite, variable.other.object#F3F7FA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F7FA
variable.parameter, meta.parameter#F3F7FAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F7FA80
keyword.operator#F3F7FA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#00B3E6bold
entity.other.inherited-class#1E6FAE
entity.name.tag, punctuation.definition.tag#F4E8D6
entity.other.attribute-name#1E6FAE
meta.diff, meta.diff.header#6C7280
markup.deleted#6C7280
markup.inserted#1E6FAE
markup.changed#00B3E6
markup.heading, markup.heading.setext, punctuation.definition.heading#1E6FAEbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#00B3E6
string.other.link.title, string.other.link.description#1E6FAE
markup.underline.link#6C7280underline
punctuation.definition.list#F4E8D6
markup.quote, punctuation.definition.quote#6C7280italic
Morphous Theme by Ameyanagi - VS Code Theme