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#0B1F32
  • activityBar.border#ffffff15
  • activityBar.foreground#679BE9
  • activityBar.inactiveForeground#f8fbff60
  • activityBarBadge.background#679BE9
  • activityBarBadge.foreground#0B1F32
  • button.background#679BE9
  • button.foreground#0B1F32
  • button.hoverBackground#679BE9dd
  • editor.background#0B1F32
  • editor.foreground#f8fbff
  • editor.inactiveSelectionBackground#79A7EC3580
  • editor.lineHighlightBackground#090C1040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A7EC35
  • editorCursor.foreground#679BE9
  • editorGroupHeader.tabsBackground#0B1F32dd
  • editorLineNumber.activeForeground#679BE9
  • editorLineNumber.foreground#d7dde580
  • focusBorder#679BE9
  • foreground#f8fbff
  • input.background#090C10
  • input.border#ffffff15
  • input.foreground#f8fbff
  • input.placeholderForeground#f8fbff60
  • list.activeSelectionBackground#679BE930
  • list.activeSelectionForeground#f8fbff
  • list.highlightForeground#679BE9
  • list.hoverBackground#090C1040
  • list.hoverForeground#f8fbff
  • list.inactiveSelectionBackground#679BE915
  • list.inactiveSelectionForeground#f8fbff
  • selection.background#79A7EC35
  • sideBar.background#090C10
  • sideBar.border#ffffff15
  • sideBar.foreground#f8fbff
  • sideBarSectionHeader.background#0B1F3280
  • sideBarSectionHeader.foreground#f8fbff
  • sideBarTitle.foreground#679BE9
  • statusBar.background#0B1F32
  • statusBar.border#ffffff15
  • statusBar.foreground#f8fbff
  • statusBar.noFolderBackground#0B1F32
  • tab.activeBackground#0B1F32
  • tab.activeBorderTop#679BE9
  • tab.activeForeground#f8fbff
  • tab.border#ffffff15
  • tab.inactiveBackground#090C1060
  • tab.inactiveForeground#f8fbff80
  • terminal.ansiBlack#0B1F32
  • terminal.ansiBlue#79A7EC
  • terminal.ansiCyan#55CFE7
  • terminal.ansiGreen#679BE9
  • terminal.ansiMagenta#83B3F1
  • terminal.ansiRed#83B3F1
  • terminal.ansiWhite#f8fbff
  • terminal.ansiYellow#55CFE7
  • terminal.background#0B1F32
  • terminal.foreground#f8fbff
  • titleBar.activeBackground#0B1F32
  • titleBar.activeForeground#f8fbff
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B1F32
  • titleBar.inactiveForeground#f8fbff60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7dde5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A7ECbold
storage.type, storage.modifier#79A7ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#679BE9
string, punctuation.definition.string, string.template, meta.template.expression#55CFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83B3F1
variable, variable.other.readwrite, variable.other.object#f8fbff
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f8fbff
variable.parameter, meta.parameter#f8fbffdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f8fbff80
keyword.operator#f8fbff
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CFE7bold
entity.other.inherited-class#679BE9
entity.name.tag, punctuation.definition.tag#79A7EC
entity.other.attribute-name#679BE9
meta.diff, meta.diff.header#d7dde5
markup.deleted#83B3F1
markup.inserted#679BE9
markup.changed#55CFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#679BE9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CFE7
string.other.link.title, string.other.link.description#679BE9
markup.underline.link#d7dde5underline
punctuation.definition.list#79A7EC
markup.quote, punctuation.definition.quote#d7dde5italic
Morphous Theme by Ameyanagi - VS Code Theme