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#1C2A40
  • activityBar.border#ffffff15
  • activityBar.foreground#67B5E9
  • activityBar.inactiveForeground#f7fbff60
  • activityBarBadge.background#67B5E9
  • activityBarBadge.foreground#1C2A40
  • button.background#67B5E9
  • button.foreground#1C2A40
  • button.hoverBackground#67B5E9dd
  • editor.background#1C2A40
  • editor.foreground#f7fbff
  • editor.inactiveSelectionBackground#79D7EC3580
  • editor.lineHighlightBackground#0A0F1540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79D7EC35
  • editorCursor.foreground#67B5E9
  • editorGroupHeader.tabsBackground#1C2A40dd
  • editorLineNumber.activeForeground#67B5E9
  • editorLineNumber.foreground#9fb0bd80
  • focusBorder#67B5E9
  • foreground#f7fbff
  • input.background#0A0F15
  • input.border#ffffff15
  • input.foreground#f7fbff
  • input.placeholderForeground#f7fbff60
  • list.activeSelectionBackground#67B5E930
  • list.activeSelectionForeground#f7fbff
  • list.highlightForeground#67B5E9
  • list.hoverBackground#0A0F1540
  • list.hoverForeground#f7fbff
  • list.inactiveSelectionBackground#67B5E915
  • list.inactiveSelectionForeground#f7fbff
  • selection.background#79D7EC35
  • sideBar.background#0A0F15
  • sideBar.border#ffffff15
  • sideBar.foreground#f7fbff
  • sideBarSectionHeader.background#1C2A4080
  • sideBarSectionHeader.foreground#f7fbff
  • sideBarTitle.foreground#67B5E9
  • statusBar.background#1C2A40
  • statusBar.border#ffffff15
  • statusBar.foreground#f7fbff
  • statusBar.noFolderBackground#1C2A40
  • tab.activeBackground#1C2A40
  • tab.activeBorderTop#67B5E9
  • tab.activeForeground#f7fbff
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0F1560
  • tab.inactiveForeground#f7fbff80
  • terminal.ansiBlack#1C2A40
  • terminal.ansiBlue#79D7EC
  • terminal.ansiCyan#557FE7
  • terminal.ansiGreen#67B5E9
  • terminal.ansiMagenta#83C7F1
  • terminal.ansiRed#83C7F1
  • terminal.ansiWhite#f7fbff
  • terminal.ansiYellow#557FE7
  • terminal.background#1C2A40
  • terminal.foreground#f7fbff
  • titleBar.activeBackground#1C2A40
  • titleBar.activeForeground#f7fbff
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1C2A40
  • titleBar.inactiveForeground#f7fbff60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9fb0bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79D7ECbold
storage.type, storage.modifier#79D7ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B5E9
string, punctuation.definition.string, string.template, meta.template.expression#557FE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83C7F1
variable, variable.other.readwrite, variable.other.object#f7fbff
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7fbff
variable.parameter, meta.parameter#f7fbffdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7fbff80
keyword.operator#f7fbff
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#557FE7bold
entity.other.inherited-class#67B5E9
entity.name.tag, punctuation.definition.tag#79D7EC
entity.other.attribute-name#67B5E9
meta.diff, meta.diff.header#9fb0bd
markup.deleted#83C7F1
markup.inserted#67B5E9
markup.changed#557FE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B5E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#557FE7
string.other.link.title, string.other.link.description#67B5E9
markup.underline.link#9fb0bdunderline
punctuation.definition.list#79D7EC
markup.quote, punctuation.definition.quote#9fb0bditalic
Morphous Theme by Ameyanagi - VS Code Theme