Apathy Theme for VS Code
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.
📸 Screenshots
✨ Features
- 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
🎨 Color Palette
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.
🚀 Installation
From VS Code Marketplace
- 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
From Source
- Clone this repository
- Copy the folder to your VS Code extensions directory:
- Windows:
%USERPROFILE%\.vscode\extensions
- macOS:
~/.vscode/extensions
- Linux:
~/.vscode/extensions
- Restart VS Code
- Select the theme as described above
🛠 Supported Languages
Apathy theme includes optimized highlighting for:
- JavaScript/TypeScript
- Python
- CSS/SCSS/Less
- HTML
- JSON
- Markdown
- Git
- And many more...
🎯 Design Philosophy
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
🔧 Customization
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"
}
}
}
🐛 Issues & Feedback
Found a bug or have a suggestion? Please open an issue on GitHub.
📝 License
This theme is licensed under the MIT License.
🙏 Credits
Originally created for Atom by Cooper Maruyama. Ported to VS Code with love and attention to detail.
🌟 Show Your Support
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! 💜