Your editor called. It wants to look like a hedgehog designed it. We obliged.
What's in the box?
Two hand-crafted themes built from PostHog's actual design system (yes, we went through the Sass files so you don't have to):
PostHog Dark -- Warm dark backgrounds with golden yellow accents. Like coding by a campfire, but the campfire is product analytics.
PostHog Light -- Warm off-white with signature PostHog orange-red. For those who like their editors bright and their event pipelines brighter.
Install
Open VS Code
Cmd+Shift+X (or Ctrl+Shift+X on Linux/Windows)
Search for PostHog Theme
Click Install
Cmd+K Cmd+T and pick your flavor
Ship features, track events, look good doing it
Design philosophy
We didn't just slap some orange on a dark background and call it a day. These themes use PostHog's real color palette:
Warm neutrals from the PostHog 3000 design system (not your grandma's cool gray)
Syntax colors pulled from PostHog's product palette -- Product Analytics blue for functions, Feature Flags teal for operators, Experiments purple for keywords
Data viz colors for bracket pair colorization, because nested code should look like a dashboard
Semantic highlighting for those who like their types teal and their parameters orange
Why does this exist?
Because we spend more time in VS Code than in our own product (don't tell marketing). Might as well make it feel like home.
Contributing
Found a color that doesn't spark joy? Open an issue or PR. We promise we won't track the event.
