Skip to content

A dark, sophisticated color theme with purple/black backgrounds and vibrant neon-like syntax highlighting.

License

Notifications You must be signed in to change notification settings

coopermaruyama/apathy-theme-vscode

Repository files navigation

Frame 2

Apathy

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.

Frame 2

Frame 2

Frame 2

⚙️ Recommended Settings

To get the same look as the screenshots, do the following:

  1. Get the Monaspace font here
  2. 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,
}

✨ 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! 💜

About

A dark, sophisticated color theme with purple/black backgrounds and vibrant neon-like syntax highlighting.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published