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#0B1D28
  • activityBar.border#ffffff15
  • activityBar.foreground#67B3E9
  • activityBar.inactiveForeground#f4f8f860
  • activityBarBadge.background#67B3E9
  • activityBarBadge.foreground#0B1D28
  • button.background#67B3E9
  • button.foreground#0B1D28
  • button.hoverBackground#67B3E9dd
  • editor.background#0B1D28
  • editor.foreground#f4f8f8
  • editor.inactiveSelectionBackground#79ECD33580
  • editor.lineHighlightBackground#0B1D2840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECD335
  • editorCursor.foreground#67B3E9
  • editorGroupHeader.tabsBackground#0B1D28dd
  • editorLineNumber.activeForeground#67B3E9
  • editorLineNumber.foreground#47686180
  • focusBorder#67B3E9
  • foreground#f4f8f8
  • input.background#0B1D28
  • input.border#ffffff15
  • input.foreground#f4f8f8
  • input.placeholderForeground#f4f8f860
  • list.activeSelectionBackground#67B3E930
  • list.activeSelectionForeground#f4f8f8
  • list.highlightForeground#67B3E9
  • list.hoverBackground#0B1D2840
  • list.hoverForeground#f4f8f8
  • list.inactiveSelectionBackground#67B3E915
  • list.inactiveSelectionForeground#f4f8f8
  • selection.background#79ECD335
  • sideBar.background#0B1D28
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f8f8
  • sideBarSectionHeader.background#0B1D2880
  • sideBarSectionHeader.foreground#f4f8f8
  • sideBarTitle.foreground#67B3E9
  • statusBar.background#0B1D28
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f8f8
  • statusBar.noFolderBackground#0B1D28
  • tab.activeBackground#0B1D28
  • tab.activeBorderTop#67B3E9
  • tab.activeForeground#f4f8f8
  • tab.border#ffffff15
  • tab.inactiveBackground#0B1D2860
  • tab.inactiveForeground#f4f8f880
  • terminal.ansiBlack#0B1D28
  • terminal.ansiBlue#79ECD3
  • terminal.ansiCyan#55BBE7
  • terminal.ansiGreen#67B3E9
  • terminal.ansiMagenta#F1C983
  • terminal.ansiRed#F1C983
  • terminal.ansiWhite#f4f8f8
  • terminal.ansiYellow#55BBE7
  • terminal.background#0B1D28
  • terminal.foreground#f4f8f8
  • titleBar.activeBackground#0B1D28
  • titleBar.activeForeground#f4f8f8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B1D28
  • titleBar.inactiveForeground#f4f8f860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#476861italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECD3bold
storage.type, storage.modifier#79ECD3italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B3E9
string, punctuation.definition.string, string.template, meta.template.expression#55BBE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C983
variable, variable.other.readwrite, variable.other.object#f4f8f8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f8f8
variable.parameter, meta.parameter#f4f8f8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f8f880
keyword.operator#f4f8f8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55BBE7bold
entity.other.inherited-class#67B3E9
entity.name.tag, punctuation.definition.tag#79ECD3
entity.other.attribute-name#67B3E9
meta.diff, meta.diff.header#476861
markup.deleted#F1C983
markup.inserted#67B3E9
markup.changed#55BBE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B3E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55BBE7
string.other.link.title, string.other.link.description#67B3E9
markup.underline.link#476861underline
punctuation.definition.list#79ECD3
markup.quote, punctuation.definition.quote#476861italic