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#1F2326
  • activityBar.border#ffffff15
  • activityBar.foreground#087A6B
  • activityBar.inactiveForeground#E8ECE760
  • activityBarBadge.background#087A6B
  • activityBarBadge.foreground#1F2326
  • button.background#087A6B
  • button.foreground#1F2326
  • button.hoverBackground#087A6Bdd
  • editor.background#1F2326
  • editor.foreground#E8ECE7
  • editor.inactiveSelectionBackground#D7DBD63580
  • editor.lineHighlightBackground#11182740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D7DBD635
  • editorCursor.foreground#087A6B
  • editorGroupHeader.tabsBackground#1F2326dd
  • editorLineNumber.activeForeground#087A6B
  • editorLineNumber.foreground#A8B0A080
  • focusBorder#087A6B
  • foreground#E8ECE7
  • input.background#111827
  • input.border#ffffff15
  • input.foreground#E8ECE7
  • input.placeholderForeground#E8ECE760
  • list.activeSelectionBackground#087A6B30
  • list.activeSelectionForeground#E8ECE7
  • list.highlightForeground#087A6B
  • list.hoverBackground#11182740
  • list.hoverForeground#E8ECE7
  • list.inactiveSelectionBackground#087A6B15
  • list.inactiveSelectionForeground#E8ECE7
  • selection.background#D7DBD635
  • sideBar.background#111827
  • sideBar.border#ffffff15
  • sideBar.foreground#E8ECE7
  • sideBarSectionHeader.background#1F232680
  • sideBarSectionHeader.foreground#E8ECE7
  • sideBarTitle.foreground#087A6B
  • statusBar.background#1F2326
  • statusBar.border#ffffff15
  • statusBar.foreground#E8ECE7
  • statusBar.noFolderBackground#1F2326
  • tab.activeBackground#1F2326
  • tab.activeBorderTop#087A6B
  • tab.activeForeground#E8ECE7
  • tab.border#ffffff15
  • tab.inactiveBackground#11182760
  • tab.inactiveForeground#E8ECE780
  • terminal.ansiBlack#1F2326
  • terminal.ansiBlue#D7DBD6
  • terminal.ansiCyan#F2C94C
  • terminal.ansiGreen#087A6B
  • terminal.ansiMagenta#fbf8ed
  • terminal.ansiRed#fbf8ed
  • terminal.ansiWhite#E8ECE7
  • terminal.ansiYellow#F2C94C
  • terminal.background#1F2326
  • terminal.foreground#E8ECE7
  • titleBar.activeBackground#1F2326
  • titleBar.activeForeground#E8ECE7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2326
  • titleBar.inactiveForeground#E8ECE760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B0A0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D7DBD6bold
storage.type, storage.modifier#D7DBD6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#087A6B
string, punctuation.definition.string, string.template, meta.template.expression#F2C94C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fbf8ed
variable, variable.other.readwrite, variable.other.object#E8ECE7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#E8ECE7
variable.parameter, meta.parameter#E8ECE7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#E8ECE780
keyword.operator#E8ECE7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F2C94Cbold
entity.other.inherited-class#087A6B
entity.name.tag, punctuation.definition.tag#D7DBD6
entity.other.attribute-name#087A6B
meta.diff, meta.diff.header#A8B0A0
markup.deleted#fbf8ed
markup.inserted#087A6B
markup.changed#F2C94C
markup.heading, markup.heading.setext, punctuation.definition.heading#087A6Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F2C94C
string.other.link.title, string.other.link.description#087A6B
markup.underline.link#A8B0A0underline
punctuation.definition.list#D7DBD6
markup.quote, punctuation.definition.quote#A8B0A0italic