Barbenheimer VS Code Theme

This VS Code theme draws inspiration from the cultural phenomenon "Barbenheimer," which arose from the coinciding release dates of Greta Gerwig's Barbie and Christopher Nolan's Oppenheimer. It playfully blends the vibrant and colorful world of Barbie with the stark and intense imagery of Oppenheimer, resulting in a unique coding experience.

The theme offers three distinct variants, each capturing a different facet of the Barbenheimer concept. Whether you prefer the bright cheerfulness of Barbie's world or the somber atmosphere of Oppenheimer's, there's a style to fit your coding mood and personalize your VS Code environment.

Installation

Open VS Code.
Go to Extensions.
Search for Barbenheimer.
Click Install.
Open Preferences: Color Theme from the Command Palette.
Select Barbenheimer Dreamhouse, Barbenheimer Bunker, or Barbenheimer Nuclear Sunrise.

Variants

Barbenheimer Dreamhouse

Dreamhouse is the bright, girly, Barbie-forward variant. It uses a blush pink editor surface, saturated pink icons, sky-blue buttons and badges, purple links and syntax accents, and dark plum text for strong contrast.

Color Palette

Color	Hex Code	Role
Blush Background	`#FFF7FB`	Editor, sidebar, panels, title bar
Dark Plum	`#2A1726`	Main text, button text, badge text
Barbie Pink	`#C2187A`	Icons, cursor, activity bar, status/title accents
Light Pink	`#F672AC`	Focus rings, progress, match highlights
Soft Pink	`#FFEAF5`	Hover surfaces and soft fills
Selection Pink	`#FFD6EC`	Selected rows, section headers, editor selection
Sky Blue	`#80D8FF`	Buttons, extension buttons, numeric badges
Sky Blue Hover	`#5ABFEF`	Button hover states
Deep Purple	`#7E57C2`	Links, tabs, types, functions, syntax accents
Pink Border	`#F3B5D6`	Borders, dividers, guides

Barbenheimer Dreamhouse

Barbenheimer Bunker

Bunker is the moody dark theme. It keeps the Oppenheimer side grounded with black-olive backgrounds, restrained borders, pink active states, and purple primary buttons.

Color Palette

Color	Hex Code	Role
Bunker Background	`#14140B`	Editor, sidebar, panels, title bar
Near-Black Surface	`#111109`	Tabs, peek views, section headers
Muted Border	`#27241A66`	Structural dividers
Barbie Pink	`#F672AC`	Accents, active tabs, activity bar, badges
Soft Text Pink	`#F4C2D9`	General foreground
Warm Text Pink	`#E9B2CF`	Editor and widget text
Deep Purple	`#7E57C2`	Primary button background
Cream Text	`#FCE5D8`	Button text and hover foreground

Barbenheimer Bunker

Barbenheimer Nuclear Sunrise

Nuclear Sunrise is the highest-contrast dark theme. It uses near-black backgrounds, white editor text, hot pink accents, a clear dark surface ladder, and purple primary buttons.

Color Palette

Color	Hex Code	Role
Nuclear Background	`#0F0F0A`	Editor, sidebar, panels, title bar
Subtle Surface	`#171710`	Current line, inactive tabs, section headers
Hover Surface	`#202018`	Hover states
Selected Surface	`#272720`	Selection and focused rows
Raised Surface	`#2A2A1F`	Peek views and secondary controls
Soft Border	`#4A4A4044`	Structural dividers
Hot Pink	`#FF69B4`	Accents, activity bar, badges
White	`#FFFFFF`	Main text and button text
Deep Purple	`#7E57C2`	Primary button background

Barbenheimer Nuclear Sunrise

Fonts

I am using a paid font titled Dank Mono. Fira Code is a free one that works well too.

Feedback

If you have any feedback or suggestions, please open an issue or better yet, a pull request. I would love to hear from you!

License

Barbenheimer is licensed under the MIT License. See LICENSE for more details.

Barbenheimer

Jayvic San Antonio

Barbenheimer VS Code Theme

Installation

Variants

Barbenheimer Dreamhouse

Barbenheimer Bunker

Barbenheimer Nuclear Sunrise

Fonts

Feedback

License