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#F5F7F6
  • activityBar.border#00000015
  • activityBar.foreground#0FABA6
  • activityBar.inactiveForeground#08122060
  • activityBarBadge.background#0FABA6
  • activityBarBadge.foreground#F5F7F6
  • button.background#0FABA6
  • button.foreground#F5F7F6
  • button.hoverBackground#0FABA6dd
  • editor.background#F5F7F6
  • editor.foreground#081220
  • editor.inactiveSelectionBackground#1257E02580
  • editor.lineHighlightBackground#EEF2EF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#1257E025
  • editorCursor.foreground#0FABA6
  • editorGroupHeader.tabsBackground#EEF2EFaa
  • editorLineNumber.activeForeground#0FABA6
  • editorLineNumber.foreground#1257E080
  • focusBorder#0FABA6
  • foreground#081220
  • input.background#EEF2EF
  • input.border#00000015
  • input.foreground#081220
  • input.placeholderForeground#08122060
  • list.activeSelectionBackground#0FABA630
  • list.activeSelectionForeground#081220
  • list.highlightForeground#0FABA6
  • list.hoverBackground#EEF2EF40
  • list.hoverForeground#081220
  • list.inactiveSelectionBackground#0FABA615
  • list.inactiveSelectionForeground#081220
  • selection.background#1257E025
  • sideBar.background#EEF2EF
  • sideBar.border#00000015
  • sideBar.foreground#081220
  • sideBarSectionHeader.background#EEF2EF80
  • sideBarSectionHeader.foreground#081220
  • sideBarTitle.foreground#0FABA6
  • statusBar.background#F5F7F6
  • statusBar.border#00000015
  • statusBar.foreground#081220
  • statusBar.noFolderBackground#F5F7F6
  • tab.activeBackground#F5F7F6
  • tab.activeBorderTop#0FABA6
  • tab.activeForeground#081220
  • tab.border#00000015
  • tab.inactiveBackground#F5F7F660
  • tab.inactiveForeground#08122080
  • terminal.ansiBlack#081220
  • terminal.ansiBlue#1257E0
  • terminal.ansiCyan#0F9D58
  • terminal.ansiGreen#0FABA6
  • terminal.ansiMagenta#B27626
  • terminal.ansiRed#B27626
  • terminal.ansiWhite#081220
  • terminal.ansiYellow#0F9D58
  • terminal.background#F5F7F6
  • terminal.foreground#081220
  • titleBar.activeBackground#F5F7F6
  • titleBar.activeForeground#081220
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F7F6
  • titleBar.inactiveForeground#08122060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#1257E0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#1257E0bold
storage.type, storage.modifier#1257E0italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0FABA6
string, punctuation.definition.string, string.template, meta.template.expression#0F9D58
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B27626
variable, variable.other.readwrite, variable.other.object#081220
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#081220
variable.parameter, meta.parameter#081220dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#08122080
keyword.operator#081220
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0F9D58bold
entity.other.inherited-class#0FABA6
entity.name.tag, punctuation.definition.tag#1257E0
entity.other.attribute-name#0FABA6
meta.diff, meta.diff.header#1257E0
markup.deleted#B27626
markup.inserted#0FABA6
markup.changed#0F9D58
markup.heading, markup.heading.setext, punctuation.definition.heading#0FABA6bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0F9D58
string.other.link.title, string.other.link.description#0FABA6
markup.underline.link#1257E0underline
punctuation.definition.list#1257E0
markup.quote, punctuation.definition.quote#1257E0italic