A minimal, eye-friendly dark blue theme for Visual Studio Code, designed for modern developers who want a clean, focused, and distraction-free coding experience.
✨ Features
-
🎯 Minimal dark blue UI (no harsh blacks)
-
🎨 Carefully balanced syntax highlighting
-
👁️ Reduced eye strain for long coding sessions
-
⚡ Optimized for:
- PHP
- JavaScript / React
- HTML / CSS
-
🧠 Consistent UI across editor, sidebar, and panels
-
🌙 Smooth contrast for better readability
🚀 Unique Features
- 🧠 Focus Mode UI – Reduced distractions for deep work
- 🎯 Precision Highlighting – Better code readability and structure
- 🌙 Soft Variant – Designed for long coding sessions
- ⚡ Developer Optimization – Fine-tuned for PHP & React workflows
📸 Preview

Clean. Calm. Focused.
🎨 Color Philosophy
Arrow Mirage is inspired by modern dark themes but refined for clarity, balance, and long-term usability.
| Element | Color |
|---|---|
| Background | #1d2433 |
| Secondary BG | #171c28 |
| Accent | #ffcc66 |
| Keyword | #c3a6ff |
| String | #bae67e |
| Function | #ffd580 |
| Comment | #6679a4 |
⚙️ Recommended Setup
For the best visual experience:
- Font: Fira Code
- Icons: Material Icon Theme
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"material-icon-theme.folders.color": "#96a6cc"
🚀 Installation
From Marketplace
- Open Extensions in VS Code
- Search for Arrow Mirage Dark
- Click Install
- Go to:
Preferences → Color Theme → Arrow Mirage Dark
👨💻 Author
Nilesh Rathod Frontend & Backend Developer
Building modern web applications using React, PHP, Laravel, and scalable systems.
🔗 Links
🏷️ Keywords
dark theme, blue theme, vscode theme, minimal theme, developer theme, php theme, react theme
⭐ Support
If you like this theme, please consider leaving a ⭐ rating on the marketplace. It helps improve visibility and future updates.
📄 License
MIT License