A sophisticated dark color theme ported from the original Atom version, featuring deep purple/black backgrounds with vibrant, neon-like syntax highlighting. Apathy provides excellent contrast and readability while maintaining a visually striking aesthetic.
To get the same look as the screenshots, do the following:
- Get the Monaspace font here
- Use the following settings in VS Code:
{
"window.titleBarStyle": "custom",
"workbench.colorTheme": "Apathetic Ocean",
"editor.fontFamily": "'Monaspace Neon', monospace",
"editor.fontLigatures": "'calt', 'ss01', 'ss02', 'ss03', 'ss05', 'ss06', 'ss07', 'ss08', 'ss09', 'liga'",
"editor.fontSize": 11,
"editor.fontVariations": "\"wght\" 200, \"wdth\" 100",
"editor.fontWeight": "200",
"editor.inlineSuggest.fontFamily": "'Monaspace Krypton', monospace",
"editor.lineHeight": 1.6,
"editor.minimap.enabled": false,
"editor.rulers": [
80
],
"workbench.editor.showIcons": false,
"workbench.fontAliasing": "antialiased",
"workbench.panel.showLabels": false,
"workbench.secondarySideBar.showLabels": false,
}
- Deep Dark Background: Rich purple-black background (
#0F0D1A
) that's easy on the eyes - Vibrant Syntax Highlighting: Carefully chosen colors that provide excellent contrast
- Language-Specific Optimizations: Enhanced highlighting for JavaScript, TypeScript, Python, CSS, JSON, and more
- Comprehensive UI Theming: Full VS Code interface theming including sidebars, panels, and status bar
- Git Integration: Clear colors for git decorations and diff highlighting
- Accessibility: High contrast ratios for better readability
Here are some key colors from the Apathy theme palette:
Name | Sample | Hex |
---|---|---|
Background | #0F0D1A |
|
Foreground | #E6E6F1 |
|
Accent Purple | #A277FF |
|
Neon Blue | #61FFCA |
|
Soft Yellow | #FFCA85 |
|
Vibrant Pink | #FF6767 |
|
Muted Cyan | #21BFC2 |
|
Soft Gray | #6D6D7C |
Colors shown above are representative samples from the theme's JSON file.
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X
/Cmd+Shift+X
) - Search for "Apathy Theme"
- Click Install
- Open Command Palette (
Ctrl+Shift+P
/Cmd+Shift+P
) - Type "Color Theme" and select "Preferences: Color Theme"
- Choose "Apathy" from the list
- Clone this repository
- Copy the folder to your VS Code extensions directory:
- Windows:
%USERPROFILE%\.vscode\extensions
- macOS:
~/.vscode/extensions
- Linux:
~/.vscode/extensions
- Windows:
- Restart VS Code
- Select the theme as described above
Apathy theme includes optimized highlighting for:
- JavaScript/TypeScript
- Python
- CSS/SCSS/Less
- HTML
- JSON
- Markdown
- Git
- And many more...
Apathy was designed with these principles in mind:
- Readability First: Every color choice prioritizes code readability
- Semantic Highlighting: Similar language constructs use consistent colors
- Visual Hierarchy: Important elements stand out while maintaining harmony
- Eye Comfort: Dark background reduces eye strain during long coding sessions
- Aesthetic Appeal: Beautiful colors that make coding enjoyable
If you want to customize the theme, you can:
- Open VS Code settings (
Ctrl+,
/Cmd+,
) - Search for "workbench.colorCustomizations"
- Add your custom colors:
{
"workbench.colorCustomizations": {
"[Apathy]": {
"editor.background": "#your-color-here"
}
}
}
Found a bug or have a suggestion? Please open an issue on GitHub.
This theme is licensed under the MIT License.
Originally created for Atom by Cooper Maruyama. Ported to VS Code with love and attention to detail.
If you enjoy using Apathy, consider:
- ⭐ Starring the project on GitHub
- 📝 Leaving a review on the VS Code Marketplace
- 🐛 Reporting issues or suggesting improvements
- 📢 Sharing with other developers
Happy coding with Apathy! 💜