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#FAFBF9
  • activityBar.border#00000015
  • activityBar.foreground#259393
  • activityBar.inactiveForeground#171a1a60
  • activityBarBadge.background#259393
  • activityBarBadge.foreground#FAFBF9
  • button.background#259393
  • button.foreground#FAFBF9
  • button.hoverBackground#259393dd
  • editor.background#FAFBF9
  • editor.foreground#171a1a
  • editor.inactiveSelectionBackground#2183212580
  • editor.lineHighlightBackground#79817F50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832125
  • editorCursor.foreground#259393
  • editorGroupHeader.tabsBackground#79817Faa
  • editorLineNumber.activeForeground#259393
  • editorLineNumber.foreground#d9ddd980
  • focusBorder#259393
  • foreground#171a1a
  • input.background#79817F
  • input.border#00000015
  • input.foreground#171a1a
  • input.placeholderForeground#171a1a60
  • list.activeSelectionBackground#25939330
  • list.activeSelectionForeground#171a1a
  • list.highlightForeground#259393
  • list.hoverBackground#79817F40
  • list.hoverForeground#171a1a
  • list.inactiveSelectionBackground#25939315
  • list.inactiveSelectionForeground#171a1a
  • selection.background#21832125
  • sideBar.background#79817F
  • sideBar.border#00000015
  • sideBar.foreground#171a1a
  • sideBarSectionHeader.background#79817F80
  • sideBarSectionHeader.foreground#171a1a
  • sideBarTitle.foreground#259393
  • statusBar.background#FAFBF9
  • statusBar.border#00000015
  • statusBar.foreground#171a1a
  • statusBar.noFolderBackground#FAFBF9
  • tab.activeBackground#FAFBF9
  • tab.activeBorderTop#259393
  • tab.activeForeground#171a1a
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF960
  • tab.inactiveForeground#171a1a80
  • terminal.ansiBlack#171a1a
  • terminal.ansiBlue#218321
  • terminal.ansiCyan#29A36A
  • terminal.ansiGreen#259393
  • terminal.ansiMagenta#19762F
  • terminal.ansiRed#19762F
  • terminal.ansiWhite#171a1a
  • terminal.ansiYellow#29A36A
  • terminal.background#FAFBF9
  • terminal.foreground#171a1a
  • titleBar.activeBackground#FAFBF9
  • titleBar.activeForeground#171a1a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF9
  • titleBar.inactiveForeground#171a1a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9ddd9italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218321bold
storage.type, storage.modifier#218321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259393
string, punctuation.definition.string, string.template, meta.template.expression#29A36A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19762F
variable, variable.other.readwrite, variable.other.object#171a1a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171a1a
variable.parameter, meta.parameter#171a1additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#171a1a80
keyword.operator#171a1a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A36Abold
entity.other.inherited-class#259393
entity.name.tag, punctuation.definition.tag#218321
entity.other.attribute-name#259393
meta.diff, meta.diff.header#d9ddd9
markup.deleted#19762F
markup.inserted#259393
markup.changed#29A36A
markup.heading, markup.heading.setext, punctuation.definition.heading#259393bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A36A
string.other.link.title, string.other.link.description#259393
markup.underline.link#d9ddd9underline
punctuation.definition.list#218321
markup.quote, punctuation.definition.quote#d9ddd9italic