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#FAFAF8
  • activityBar.border#00000015
  • activityBar.foreground#F472B6
  • activityBar.inactiveForeground#2B2B2B60
  • activityBarBadge.background#F472B6
  • activityBarBadge.foreground#FAFAF8
  • button.background#F472B6
  • button.foreground#FAFAF8
  • button.hoverBackground#F472B6dd
  • editor.background#FAFAF8
  • editor.foreground#2B2B2B
  • editor.inactiveSelectionBackground#6AA84F2580
  • editor.lineHighlightBackground#FFE6F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6AA84F25
  • editorCursor.foreground#F472B6
  • editorGroupHeader.tabsBackground#FFE6F0aa
  • editorLineNumber.activeForeground#F472B6
  • editorLineNumber.foreground#D6B77A80
  • focusBorder#F472B6
  • foreground#2B2B2B
  • input.background#FFE6F0
  • input.border#00000015
  • input.foreground#2B2B2B
  • input.placeholderForeground#2B2B2B60
  • list.activeSelectionBackground#F472B630
  • list.activeSelectionForeground#2B2B2B
  • list.highlightForeground#F472B6
  • list.hoverBackground#FFE6F040
  • list.hoverForeground#2B2B2B
  • list.inactiveSelectionBackground#F472B615
  • list.inactiveSelectionForeground#2B2B2B
  • selection.background#6AA84F25
  • sideBar.background#FFE6F0
  • sideBar.border#00000015
  • sideBar.foreground#2B2B2B
  • sideBarSectionHeader.background#FFE6F080
  • sideBarSectionHeader.foreground#2B2B2B
  • sideBarTitle.foreground#F472B6
  • statusBar.background#FAFAF8
  • statusBar.border#00000015
  • statusBar.foreground#2B2B2B
  • statusBar.noFolderBackground#FAFAF8
  • tab.activeBackground#FAFAF8
  • tab.activeBorderTop#F472B6
  • tab.activeForeground#2B2B2B
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF860
  • tab.inactiveForeground#2B2B2B80
  • terminal.ansiBlack#2B2B2B
  • terminal.ansiBlue#6AA84F
  • terminal.ansiCyan#F2B705
  • terminal.ansiGreen#F472B6
  • terminal.ansiMagenta#F89BC8
  • terminal.ansiRed#F89BC8
  • terminal.ansiWhite#2B2B2B
  • terminal.ansiYellow#F2B705
  • terminal.background#FAFAF8
  • terminal.foreground#2B2B2B
  • titleBar.activeBackground#FAFAF8
  • titleBar.activeForeground#2B2B2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF8
  • titleBar.inactiveForeground#2B2B2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6B77Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6AA84Fbold
storage.type, storage.modifier#6AA84Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F472B6
string, punctuation.definition.string, string.template, meta.template.expression#F2B705
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F89BC8
variable, variable.other.readwrite, variable.other.object#2B2B2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2B2B
variable.parameter, meta.parameter#2B2B2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2B2B80
keyword.operator#2B2B2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#F2B705bold
entity.other.inherited-class#F472B6
entity.name.tag, punctuation.definition.tag#6AA84F
entity.other.attribute-name#F472B6
meta.diff, meta.diff.header#D6B77A
markup.deleted#F89BC8
markup.inserted#F472B6
markup.changed#F2B705
markup.heading, markup.heading.setext, punctuation.definition.heading#F472B6bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#F2B705
string.other.link.title, string.other.link.description#F472B6
markup.underline.link#D6B77Aunderline
punctuation.definition.list#6AA84F
markup.quote, punctuation.definition.quote#D6B77Aitalic