Apathy Theme — ZedExt

apathy

A sophisticated dark theme with vibrant, neon-like syntax highlighting.
Excellent contrast and readability while maintaining a visually striking aesthetic.

Live Demo

Slide 16_9 - 1

Variants

theory

minted

ocean

⚙️ Recommended Settings

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,
}

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