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#061119
  • activityBar.border#ffffff15
  • activityBar.foreground#67DAE9
  • activityBar.inactiveForeground#F3F8F760
  • activityBarBadge.background#67DAE9
  • activityBarBadge.foreground#061119
  • button.background#67DAE9
  • button.foreground#061119
  • button.hoverBackground#67DAE9dd
  • editor.background#061119
  • editor.foreground#F3F8F7
  • editor.inactiveSelectionBackground#79D1EC3580
  • editor.lineHighlightBackground#030C1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D1EC35
  • editorCursor.foreground#67DAE9
  • editorGroupHeader.tabsBackground#061119dd
  • editorLineNumber.activeForeground#67DAE9
  • editorLineNumber.foreground#E6EBEF80
  • focusBorder#67DAE9
  • foreground#F3F8F7
  • input.background#030C11
  • input.border#ffffff15
  • input.foreground#F3F8F7
  • input.placeholderForeground#F3F8F760
  • list.activeSelectionBackground#67DAE930
  • list.activeSelectionForeground#F3F8F7
  • list.highlightForeground#67DAE9
  • list.hoverBackground#030C1140
  • list.hoverForeground#F3F8F7
  • list.inactiveSelectionBackground#67DAE915
  • list.inactiveSelectionForeground#F3F8F7
  • selection.background#79D1EC35
  • sideBar.background#030C11
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F8F7
  • sideBarSectionHeader.background#06111980
  • sideBarSectionHeader.foreground#F3F8F7
  • sideBarTitle.foreground#67DAE9
  • statusBar.background#061119
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F8F7
  • statusBar.noFolderBackground#061119
  • tab.activeBackground#061119
  • tab.activeBorderTop#67DAE9
  • tab.activeForeground#F3F8F7
  • tab.border#ffffff15
  • tab.inactiveBackground#030C1160
  • tab.inactiveForeground#F3F8F780
  • terminal.ansiBlack#061119
  • terminal.ansiBlue#79D1EC
  • terminal.ansiCyan#55E7B4
  • terminal.ansiGreen#67DAE9
  • terminal.ansiMagenta#F18A83
  • terminal.ansiRed#F18A83
  • terminal.ansiWhite#F3F8F7
  • terminal.ansiYellow#55E7B4
  • terminal.background#061119
  • terminal.foreground#F3F8F7
  • titleBar.activeBackground#061119
  • titleBar.activeForeground#F3F8F7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#061119
  • titleBar.inactiveForeground#F3F8F760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBEFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D1ECbold
storage.type, storage.modifier#79D1ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67DAE9—
string, punctuation.definition.string, string.template, meta.template.expression#55E7B4—
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18A83—
variable, variable.other.readwrite, variable.other.object#F3F8F7—
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F8F7—
variable.parameter, meta.parameter#F3F8F7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F8F780—
keyword.operator#F3F8F7—
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7B4bold
entity.other.inherited-class#67DAE9—
entity.name.tag, punctuation.definition.tag#79D1EC—
entity.other.attribute-name#67DAE9—
meta.diff, meta.diff.header#E6EBEF—
markup.deleted#F18A83—
markup.inserted#67DAE9—
markup.changed#55E7B4—
markup.heading, markup.heading.setext, punctuation.definition.heading#67DAE9bold
markup.bold—bold
markup.italic—italic
markup.inline.raw, markup.raw.block#55E7B4—
string.other.link.title, string.other.link.description#67DAE9—
markup.underline.link#E6EBEFunderline
punctuation.definition.list#79D1EC—
markup.quote, punctuation.definition.quote#E6EBEFitalic
Morphous Theme by Ameyanagi - VS Code Theme