Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Apathy ThemeNew to Visual Studio Code? Get it now.
Apathy Theme

Apathy Theme

Cooper Maruyama

|
46 installs
| (2) | Free
A dark, sophisticated color theme with purple/black backgrounds and vibrant neon-like syntax highlighting.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

Screenshot 2025-07-11 at 6 08 22 PM Screenshot 2025-07-11 at 9 23 08 PM Screenshot 2025-07-10 at 11 23 38 PM Screenshot 2025-07-09 at 12 08 22 PM

✨ 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

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "Apathy Theme"
  4. Click Install
  5. Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  6. Type "Color Theme" and select "Preferences: Color Theme"
  7. Choose "Apathy" from the list

From Source

  1. Clone this repository
  2. Copy the folder to your VS Code extensions directory:
    • Windows: %USERPROFILE%\.vscode\extensions
    • macOS: ~/.vscode/extensions
    • Linux: ~/.vscode/extensions
  3. Restart VS Code
  4. 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:

  1. Readability First: Every color choice prioritizes code readability
  2. Semantic Highlighting: Similar language constructs use consistent colors
  3. Visual Hierarchy: Important elements stand out while maintaining harmony
  4. Eye Comfort: Dark background reduces eye strain during long coding sessions
  5. Aesthetic Appeal: Beautiful colors that make coding enjoyable

🔧 Customization

If you want to customize the theme, you can:

  1. Open VS Code settings (Ctrl+, / Cmd+,)
  2. Search for "workbench.colorCustomizations"
  3. 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! 💜

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft