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#262A2C
  • activityBar.border#ffffff15
  • activityBar.foreground#67E98C
  • activityBar.inactiveForeground#F5F6F460
  • activityBarBadge.background#67E98C
  • activityBarBadge.foreground#262A2C
  • button.background#67E98C
  • button.foreground#262A2C
  • button.hoverBackground#67E98Cdd
  • editor.background#262A2C
  • editor.foreground#F5F6F4
  • editor.inactiveSelectionBackground#79BCEC3580
  • editor.lineHighlightBackground#15181940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79BCEC35
  • editorCursor.foreground#67E98C
  • editorGroupHeader.tabsBackground#262A2Cdd
  • editorLineNumber.activeForeground#67E98C
  • editorLineNumber.foreground#8E8A7A80
  • focusBorder#67E98C
  • foreground#F5F6F4
  • input.background#151819
  • input.border#ffffff15
  • input.foreground#F5F6F4
  • input.placeholderForeground#F5F6F460
  • list.activeSelectionBackground#67E98C30
  • list.activeSelectionForeground#F5F6F4
  • list.highlightForeground#67E98C
  • list.hoverBackground#15181940
  • list.hoverForeground#F5F6F4
  • list.inactiveSelectionBackground#67E98C15
  • list.inactiveSelectionForeground#F5F6F4
  • selection.background#79BCEC35
  • sideBar.background#151819
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F6F4
  • sideBarSectionHeader.background#262A2C80
  • sideBarSectionHeader.foreground#F5F6F4
  • sideBarTitle.foreground#67E98C
  • statusBar.background#262A2C
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F6F4
  • statusBar.noFolderBackground#262A2C
  • tab.activeBackground#262A2C
  • tab.activeBorderTop#67E98C
  • tab.activeForeground#F5F6F4
  • tab.border#ffffff15
  • tab.inactiveBackground#15181960
  • tab.inactiveForeground#F5F6F480
  • terminal.ansiBlack#262A2C
  • terminal.ansiBlue#79BCEC
  • terminal.ansiCyan#55CFE7
  • terminal.ansiGreen#67E98C
  • terminal.ansiMagenta#F1A283
  • terminal.ansiRed#F1A283
  • terminal.ansiWhite#F5F6F4
  • terminal.ansiYellow#55CFE7
  • terminal.background#262A2C
  • terminal.foreground#F5F6F4
  • titleBar.activeBackground#262A2C
  • titleBar.activeForeground#F5F6F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#262A2C
  • titleBar.inactiveForeground#F5F6F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8E8A7Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79BCECbold
storage.type, storage.modifier#79BCECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E98C
string, punctuation.definition.string, string.template, meta.template.expression#55CFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A283
variable, variable.other.readwrite, variable.other.object#F5F6F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F6F4
variable.parameter, meta.parameter#F5F6F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F6F480
keyword.operator#F5F6F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CFE7bold
entity.other.inherited-class#67E98C
entity.name.tag, punctuation.definition.tag#79BCEC
entity.other.attribute-name#67E98C
meta.diff, meta.diff.header#8E8A7A
markup.deleted#F1A283
markup.inserted#67E98C
markup.changed#55CFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E98Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CFE7
string.other.link.title, string.other.link.description#67E98C
markup.underline.link#8E8A7Aunderline
punctuation.definition.list#79BCEC
markup.quote, punctuation.definition.quote#8E8A7Aitalic