PostHog Theme
Publisher: PostHogThemes in package: 2
The official PostHog color theme for VS Code. Warm neutrals, bold accents, and hedgehog-approved syntax highlighting.
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.activeBorder#F54E00
- activityBar.background#F4F4EE
- activityBar.border#E5E7E0
- activityBar.foreground#23251D
- activityBar.inactiveForeground#8F8F8C
- activityBarBadge.background#F54E00
- activityBarBadge.foreground#FFFFFF
- badge.background#F54E00
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#F54E00
- breadcrumb.focusForeground#23251D
- breadcrumb.foreground#8F8F8C
- breadcrumbPicker.background#FDFDF8
- button.background#F54E00
- button.foreground#FFFFFF
- button.hoverBackground#DF6133
- button.secondaryBackground#E5E7E0
- button.secondaryForeground#23251D
- button.secondaryHoverBackground#D2D3CC
- charts.blue#1D4AFF
- charts.foreground#23251D
- charts.green#388600
- charts.lines#E5E7E0
- charts.orange#F54E00
- charts.purple#B62AD9
- charts.red#DB3707
- charts.yellow#F7A501
- debugConsole.errorForeground#DB3707
- debugConsole.infoForeground#1D4AFF
- debugConsole.warningForeground#E09423
- debugIcon.breakpointForeground#F54E00
- debugIcon.pauseForeground#F7A501
- debugIcon.restartForeground#388600
- debugIcon.startForeground#388600
- debugIcon.stopForeground#DB3707
- debugToolBar.background#FDFDF8
- diffEditor.insertedLineBackground#38860010
- diffEditor.insertedTextBackground#38860018
- diffEditor.removedLineBackground#DB370710
- diffEditor.removedTextBackground#DB370718
- dropdown.background#FFFFFF
- dropdown.border#D2D3CC
- dropdown.foreground#23251D
- dropdown.listBackground#FDFDF8
- editor.background#FDFDF8
- editor.findMatchBackground#F7A50140
- editor.findMatchBorder#F54E00
- editor.findMatchHighlightBackground#F7A50125
- editor.foldBackground#F4F4EE80
- editor.foreground#23251D
- editor.hoverHighlightBackground#EEEFE9
- editor.inactiveSelectionBackground#F54E0015
- editor.lineHighlightBackground#F4F4EE
- editor.lineHighlightBorder#F4F4EE
- editor.rangeHighlightBackground#F4F4EE80
- editor.selectionBackground#F54E0025
- editor.selectionHighlightBackground#F54E0018
- editor.wordHighlightBackground#1D4AFF18
- editor.wordHighlightStrongBackground#1D4AFF25
- editorBracketHighlight.foreground1#F54E00
- editorBracketHighlight.foreground2#1D4AFF
- editorBracketHighlight.foreground3#B62AD9
- editorBracketHighlight.foreground4#2EA2D3
- editorBracketHighlight.foreground5#388600
- editorBracketHighlight.foreground6#DB3707
- editorBracketMatch.background#F54E0018
- editorBracketMatch.border#F54E0060
- editorCursor.foreground#F54E00
- editorError.foreground#DB3707
- editorGroup.border#E5E7E0
- editorGroupHeader.tabsBackground#F4F4EE
- editorGroupHeader.tabsBorder#F4F4EE
- editorGutter.addedBackground#388600
- editorGutter.deletedBackground#DB3707
- editorGutter.modifiedBackground#F7A501
- editorHoverWidget.background#FDFDF8
- editorHoverWidget.border#E5E7E0
- editorHoverWidget.foreground#23251D
- editorIndentGuide.activeBackground#BFC1B7
- editorIndentGuide.background#E5E7E0
- editorInfo.foreground#1D4AFF
- editorLineNumber.activeForeground#F54E00
- editorLineNumber.foreground#B6B7AF
- editorOverviewRuler.addedForeground#38860080
- editorOverviewRuler.border#FDFDF8
- editorOverviewRuler.deletedForeground#DB370780
- editorOverviewRuler.errorForeground#DB3707
- editorOverviewRuler.infoForeground#1D4AFF
- editorOverviewRuler.modifiedForeground#F7A50180
- editorOverviewRuler.warningForeground#F7A501
- editorRuler.foreground#E5E7E0
- editorSuggestWidget.background#FDFDF8
- editorSuggestWidget.border#E5E7E0
- editorSuggestWidget.foreground#23251D
- editorSuggestWidget.highlightForeground#F54E00
- editorSuggestWidget.selectedBackground#EEEFE9
- editorWarning.foreground#E09423
- editorWhitespace.foreground#D2D3CC
- extensionButton.prominentBackground#F54E00
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#DF6133
- focusBorder#F54E0060
- gitDecoration.addedResourceForeground#388600
- gitDecoration.conflictingResourceForeground#F54E00
- gitDecoration.deletedResourceForeground#DB3707
- gitDecoration.ignoredResourceForeground#B6B7AF
- gitDecoration.modifiedResourceForeground#E09423
- gitDecoration.stageDeletedResourceForeground#DF6133
- gitDecoration.stageModifiedResourceForeground#F7A501
- gitDecoration.untrackedResourceForeground#2EA2D3
- icon.foreground#4A4C42
- input.background#FFFFFF
- input.border#D2D3CC
- input.foreground#23251D
- input.placeholderForeground#B6B7AF
- inputOption.activeBackground#F54E0020
- inputOption.activeBorder#F54E00
- inputValidation.errorBackground#DB370715
- inputValidation.errorBorder#DB3707
- inputValidation.infoBackground#1D4AFF15
- inputValidation.infoBorder#1D4AFF
- inputValidation.warningBackground#F7A50118
- inputValidation.warningBorder#E09423
- keybindingLabel.background#E5E7E040
- keybindingLabel.border#D2D3CC
- keybindingLabel.bottomBorder#BFC1B7
- keybindingLabel.foreground#23251D
- list.activeSelectionBackground#E5E7E0
- list.activeSelectionForeground#23251D
- list.activeSelectionIconForeground#F54E00
- list.errorForeground#DB3707
- list.focusBackground#E5E7E0
- list.focusForeground#23251D
- list.highlightForeground#F54E00
- list.hoverBackground#EEEFE9
- list.hoverForeground#23251D
- list.inactiveSelectionBackground#EEEFE9
- list.inactiveSelectionForeground#23251D
- list.warningForeground#E09423
- merge.currentContentBackground#38860015
- merge.currentHeaderBackground#38860030
- merge.incomingContentBackground#1D4AFF15
- merge.incomingHeaderBackground#1D4AFF30
- minimap.errorHighlight#DB370780
- minimap.findMatchHighlight#F54E0050
- minimap.selectionHighlight#F54E0030
- minimap.warningHighlight#E0942380
- minimapGutter.addedBackground#388600
- minimapGutter.deletedBackground#DB3707
- minimapGutter.modifiedBackground#F7A501
- notifications.background#FDFDF8
- notifications.border#E5E7E0
- notifications.foreground#23251D
- notificationsErrorIcon.foreground#DB3707
- notificationsInfoIcon.foreground#1D4AFF
- notificationsWarningIcon.foreground#E09423
- panel.background#F4F4EE
- panel.border#E5E7E0
- panelTitle.activeBorder#F54E00
- panelTitle.activeForeground#23251D
- panelTitle.inactiveForeground#8F8F8C
- peekView.border#F54E00
- peekViewEditor.background#FDFDF8
- peekViewEditor.matchHighlightBackground#F7A50130
- peekViewResult.background#F4F4EE
- peekViewResult.fileForeground#23251D
- peekViewResult.matchHighlightBackground#F7A50130
- peekViewTitle.background#EEEFE9
- peekViewTitleDescription.foreground#8F8F8C
- peekViewTitleLabel.foreground#23251D
- progressBar.background#F54E00
- quickInput.background#FDFDF8
- quickInput.foreground#23251D
- quickInputList.focusBackground#EEEFE9
- quickInputList.focusForeground#23251D
- quickInputList.focusIconForeground#F54E00
- quickInputTitle.background#FDFDF8
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#8F8F8C90
- scrollbarSlider.background#BFC1B750
- scrollbarSlider.hoverBackground#B6B7AF70
- selection.background#F54E0030
- settings.focusedRowBackground#EEEFE9
- settings.headerForeground#23251D
- settings.modifiedItemIndicator#F54E00
- sideBar.background#F4F4EE
- sideBar.border#E5E7E0
- sideBar.foreground#4A4C42
- sideBarSectionHeader.background#EEEFE9
- sideBarSectionHeader.border#E5E7E0
- sideBarSectionHeader.foreground#23251D
- sideBarTitle.foreground#23251D
- statusBar.background#F4F4EE
- statusBar.border#E5E7E0
- statusBar.debuggingBackground#DB3707
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4A4C42
- statusBar.noFolderBackground#FDFDF8
- statusBarItem.activeBackground#D2D3CC
- statusBarItem.hoverBackground#E5E7E0
- statusBarItem.prominentBackground#F54E00
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.remoteBackground#F54E00
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FDFDF8
- tab.activeBorderTop#F54E00
- tab.activeForeground#23251D
- tab.border#F4F4EE
- tab.hoverBackground#EEEFE9
- tab.inactiveBackground#F4F4EE
- tab.inactiveForeground#8F8F8C
- terminal.ansiBlack#23251D
- terminal.ansiBlue#1D4AFF
- terminal.ansiBrightBlack#8F8F8C
- terminal.ansiBrightBlue#2F80FA
- terminal.ansiBrightCyan#30ABC6
- terminal.ansiBrightGreen#388600
- terminal.ansiBrightMagenta#B62AD9
- terminal.ansiBrightRed#F54E00
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F7A501
- terminal.ansiCyan#2EA2D3
- terminal.ansiGreen#245700
- terminal.ansiMagenta#A621C8
- terminal.ansiRed#DB3707
- terminal.ansiWhite#FDFDF8
- terminal.ansiYellow#B17816
- terminal.background#F4F4EE
- terminal.foreground#23251D
- terminalCursor.foreground#F54E00
- testing.iconErrored#992705
- testing.iconFailed#DB3707
- testing.iconPassed#388600
- testing.iconQueued#8F8F8C
- testing.iconSkipped#E09423
- testing.iconUnset#B6B7AF
- textLink.activeForeground#DB3707
- textLink.foreground#F54E00
- titleBar.activeBackground#F4F4EE
- titleBar.activeForeground#23251D
- titleBar.border#E5E7E0
- titleBar.inactiveBackground#F4F4EE
- titleBar.inactiveForeground#8F8F8C
- walkThrough.embeddedEditorBackground#F4F4EE
- welcomePage.tileBackground#F4F4EE
- welcomePage.tileBorder#E5E7E0
- widget.border#E5E7E0
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8F8F8C | italic |
| variable, string constant.other.placeholder | #23251D | — |
| variable.other.property, variable.other.object.property | #1E2F46 | — |
| variable.parameter | #7C440E | — |
| variable.language | #DB3707 | italic |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #B17816 | — |
| invalid, invalid.illegal | #DB3707 | — |
| keyword, storage.type, storage.modifier | #A621C8 | — |
| keyword.control | #8C3D5A | — |
| keyword.operator | #23251D | — |
| keyword.other.unit | #B17816 | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary | #2EA2D3 | — |
| punctuation, meta.brace, meta.delimiter | #4A4C42 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #1D4AFF | — |
| meta.function.parameters variable.parameter | #7C440E | — |
| string, constant.other.symbol, constant.other.key | #245700 | — |
| string.template, punctuation.definition.template-expression | #245700 | — |
| meta.template.expression | #23251D | — |
| string.regexp | #2EA2D3 | — |
| constant.character.escape | #2EA2D3 | — |
| support.type, support.class, entity.name.type, entity.name.class, entity.other.inherited-class | #267F99 | — |
| entity.name.type.parameter | #2EA2D3 | — |
| entity.name.type.interface | #267F99 | — |
| entity.name.type.enum | #267F99 | — |
| variable.other.enummember | #B17816 | — |
| entity.name.namespace, entity.name.module | #23251D | — |
| meta.decorator, meta.decorator entity.name.function | #F54E00 | italic |
| entity.name.tag, meta.tag.sgml | #992705 | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #8F8F8C | — |
| entity.other.attribute-name | #F54E00 | — |
| meta.tag string.quoted | #245700 | — |
| support.class.component | #267F99 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #1E2F46 | — |
| support.constant.property-value.css, support.constant.css | #B17816 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss | #F54E00 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #1D4AFF | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #2EA2D3 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #1D4AFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F54E00 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #267F99 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A621C8 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #DB3707 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #2EA2D3 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #23251D | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #F54E00 | bold |
| markup.bold, markup.bold string | #DB3707 | bold |
| markup.italic | #A621C8 | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #1D4AFF | — |
| markup.underline.link.markdown | #8F8F8C | underline |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #267F99 | — |
| markup.quote, markup.quote punctuation.definition.blockquote.markdown | #8F8F8C | italic |
| meta.separator | #D2D3CC | bold |
| markup.inserted | #388600 | — |
| markup.deleted | #DB3707 | — |
| markup.changed | #F7A501 | — |
| *url*, *link*, *uri* | — | underline |
| variable.parameter.function.language.special.self.python | #DB3707 | italic |
| support.function.magic.python | #1D4AFF | italic |
| entity.name.type.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #2EA2D3 | — |
| entity.name.function.macro.rust | #F54E00 | bold |
| entity.name.package.go | #23251D | — |
| entity.name.tag.yaml | #1D4AFF | — |
| support.type.property-name.toml | #1D4AFF | — |
| support.type.property-name.table.toml | #F54E00 | — |