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#040A11
  • activityBar.border#ffffff15
  • activityBar.foreground#67B1E9
  • activityBar.inactiveForeground#F3F7FA60
  • activityBarBadge.background#67B1E9
  • activityBarBadge.foreground#040A11
  • button.background#67B1E9
  • button.foreground#040A11
  • button.hoverBackground#67B1E9dd
  • editor.background#040A11
  • editor.foreground#F3F7FA
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#08121B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#67B1E9
  • editorGroupHeader.tabsBackground#040A11dd
  • editorLineNumber.activeForeground#67B1E9
  • editorLineNumber.foreground#6C728080
  • focusBorder#67B1E9
  • foreground#F3F7FA
  • input.background#08121B
  • input.border#ffffff15
  • input.foreground#F3F7FA
  • input.placeholderForeground#F3F7FA60
  • list.activeSelectionBackground#67B1E930
  • list.activeSelectionForeground#F3F7FA
  • list.highlightForeground#67B1E9
  • list.hoverBackground#08121B40
  • list.hoverForeground#F3F7FA
  • list.inactiveSelectionBackground#67B1E915
  • list.inactiveSelectionForeground#F3F7FA
  • selection.background#ECBE7935
  • sideBar.background#08121B
  • sideBar.border#ffffff15
  • sideBar.foreground#F3F7FA
  • sideBarSectionHeader.background#040A1180
  • sideBarSectionHeader.foreground#F3F7FA
  • sideBarTitle.foreground#67B1E9
  • statusBar.background#040A11
  • statusBar.border#ffffff15
  • statusBar.foreground#F3F7FA
  • statusBar.noFolderBackground#040A11
  • tab.activeBackground#040A11
  • tab.activeBorderTop#67B1E9
  • tab.activeForeground#F3F7FA
  • tab.border#ffffff15
  • tab.inactiveBackground#08121B60
  • tab.inactiveForeground#F3F7FA80
  • terminal.ansiBlack#040A11
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#55C7E7
  • terminal.ansiGreen#67B1E9
  • terminal.ansiMagenta#83A4F1
  • terminal.ansiRed#83A4F1
  • terminal.ansiWhite#F3F7FA
  • terminal.ansiYellow#55C7E7
  • terminal.background#040A11
  • terminal.foreground#F3F7FA
  • titleBar.activeBackground#040A11
  • titleBar.activeForeground#F3F7FA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#040A11
  • titleBar.inactiveForeground#F3F7FA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6C7280italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBE79bold
storage.type, storage.modifier#ECBE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67B1E9
string, punctuation.definition.string, string.template, meta.template.expression#55C7E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83A4F1
variable, variable.other.readwrite, variable.other.object#F3F7FA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3F7FA
variable.parameter, meta.parameter#F3F7FAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3F7FA80
keyword.operator#F3F7FA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55C7E7bold
entity.other.inherited-class#67B1E9
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#67B1E9
meta.diff, meta.diff.header#6C7280
markup.deleted#83A4F1
markup.inserted#67B1E9
markup.changed#55C7E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67B1E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55C7E7
string.other.link.title, string.other.link.description#67B1E9
markup.underline.link#6C7280underline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#6C7280italic