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#0E2639
  • activityBar.border#ffffff15
  • activityBar.foreground#67B1E9
  • activityBar.inactiveForeground#F5F7FA60
  • activityBarBadge.background#67B1E9
  • activityBarBadge.foreground#0E2639
  • button.background#67B1E9
  • button.foreground#0E2639
  • button.hoverBackground#67B1E9dd
  • editor.background#0E2639
  • editor.foreground#F5F7FA
  • editor.inactiveSelectionBackground#79B6EC3580
  • editor.lineHighlightBackground#141B2440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B6EC35
  • editorCursor.foreground#67B1E9
  • editorGroupHeader.tabsBackground#0E2639dd
  • editorLineNumber.activeForeground#67B1E9
  • editorLineNumber.foreground#55769280
  • focusBorder#67B1E9
  • foreground#F5F7FA
  • input.background#141B24
  • input.border#ffffff15
  • input.foreground#F5F7FA
  • input.placeholderForeground#F5F7FA60
  • list.activeSelectionBackground#67B1E930
  • list.activeSelectionForeground#F5F7FA
  • list.highlightForeground#67B1E9
  • list.hoverBackground#141B2440
  • list.hoverForeground#F5F7FA
  • list.inactiveSelectionBackground#67B1E915
  • list.inactiveSelectionForeground#F5F7FA
  • selection.background#79B6EC35
  • sideBar.background#141B24
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F7FA
  • sideBarSectionHeader.background#0E263980
  • sideBarSectionHeader.foreground#F5F7FA
  • sideBarTitle.foreground#67B1E9
  • statusBar.background#0E2639
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F7FA
  • statusBar.noFolderBackground#0E2639
  • tab.activeBackground#0E2639
  • tab.activeBorderTop#67B1E9
  • tab.activeForeground#F5F7FA
  • tab.border#ffffff15
  • tab.inactiveBackground#141B2460
  • tab.inactiveForeground#F5F7FA80
  • terminal.ansiBlack#0E2639
  • terminal.ansiBlue#79B6EC
  • terminal.ansiCyan#55C0E7
  • terminal.ansiGreen#67B1E9
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#F5F7FA
  • terminal.ansiYellow#55C0E7
  • terminal.background#0E2639
  • terminal.foreground#F5F7FA
  • titleBar.activeBackground#0E2639
  • titleBar.activeForeground#F5F7FA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E2639
  • titleBar.inactiveForeground#F5F7FA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#557692italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B6ECbold
storage.type, storage.modifier#79B6ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B1E9
string, punctuation.definition.string, string.template, meta.template.expression#55C0E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#F5F7FA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F7FA
variable.parameter, meta.parameter#F5F7FAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F7FA80
keyword.operator#F5F7FA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55C0E7bold
entity.other.inherited-class#67B1E9
entity.name.tag, punctuation.definition.tag#79B6EC
entity.other.attribute-name#67B1E9
meta.diff, meta.diff.header#557692
markup.deleted#F1D083
markup.inserted#67B1E9
markup.changed#55C0E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B1E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55C0E7
string.other.link.title, string.other.link.description#67B1E9
markup.underline.link#557692underline
punctuation.definition.list#79B6EC
markup.quote, punctuation.definition.quote#557692italic