Atomic Dark is a sleek, opinionated dark theme crafted specifically for night owls and developers who despise light themes. While there are countless great dark themes available, this collection represents my personal ideal aesthetic taking the syntax colors we already know and love, and refining them with deeper OLED-friendly backgrounds and enhanced contrast.
This extension features 6 distinct variants to suit your coding style:
Atomic Dark - The classic, rich dark theme (based on One Dark).
Atomic Dark Catppuccin - The Atomic Dark OLED palette merged with Catppuccin colors.
Atomic Dark Material - A Material-inspired dark aesthetic.
Atomic Dark Afterglow - A warm, muted dark theme based on Afterglow.
Atomic Dark Rosé Pine - A soothing, pastel syntax palette with contrast boosts for OLED displays.
Atomic Dark Vague - A low-contrast, pastel variant inspired by the vague.nvim Neovim colorscheme.
Previews
🌑 Atomic Dark🐈 Atomic Dark Catppuccin🎨 Atomic Dark Material🌅 Atomic Dark Afterglow🌹 Atomic Dark Rosé Pine🌫️ Atomic Dark Vague
Key Features
Unified OLED Backgrounds: All variants use a deep #0f1115 background that reduces eye strain and provides striking contrast for syntax colors.
Variant-Specific UI Accents: Floating UI elements (like the Command Palette, menus, and widgets) feature subtle background tints unique to each variant (e.g., dark purple/rose for Rosé Pine, dark teal for Material) to establish a distinct theme identity.
Soft Borders: UI borders have been carefully adjusted to #1b1e25 to blend seamlessly with the deep backgrounds without being distracting.
Local Installation / Development
If you want to test or run the theme locally:
Clone this repository:
git clone https://github.com/atomic-dark/vscode.git
cd vscode
Open the directory in VS Code.
Press F5 (or go to Run and Debug -> click Launch Extension) to open a new Extension
Development Host window.
Go to Color Theme preferences (Cmd+K Cmd+T on Mac, Ctrl+K Ctrl+T on Windows/Linux) and
select one of the Atomic Dark variants.
