Midnight Blueprint Theme
A minimalist dark blue VS Code theme inspired by Dark Modern with elegant syntax highlighting.
Features
- 🌙 Dark Blue Base: Sophisticated dark blue color palette instead of harsh black or gray
- 📱 Minimalist Design: Clean, uncluttered interface with subtle variations
- 🎨 Elegant Syntax Highlighting: Carefully crafted colors for optimal code readability
- ⚡ Multi-Language Support: Optimized for TypeScript, JavaScript, Python, HTML, CSS, and more
- 👁️ Low Contrast: Easy on the eyes for extended coding sessions
- 🔧 Production Ready: Complete theme with all UI elements styled
Color Palette
- Primary Background:
#1a1f2e - Deep blue-gray
- Secondary Background:
#161b26 - Darker blue for sidebars
- Accent Blue:
#69b7ff - Bright blue for highlights and links
- Text Primary:
#9db7d6 - Soft blue-white for readability
- Syntax Colors:
- Keywords:
#c792ea (Purple)
- Strings:
#c3e88d (Green)
- Functions:
#69b7ff (Blue)
- Classes:
#f9e79f (Yellow)
- Numbers:
#f78c6c (Orange)
- Comments:
#6b7280 (Gray)
Installation
Copy this folder to your VS Code extensions directory:
- Windows:
%USERPROFILE%\.vscode\extensions\
- macOS:
~/.vscode/extensions/
- Linux:
~/.vscode/extensions/
Restart VS Code
Go to File → Preferences → Color Theme (or Code → Preferences → Color Theme on macOS)
Select Midnight Blueprint from the list
Screenshots
TypeScript/React
The theme provides excellent contrast for modern web development with clear distinction between different syntax elements.
Python
Perfect for data science and backend development with clear highlighting of classes, functions, and data structures.
Recommended Font
For the best experience, we recommend using:
- Fira Code with ligatures enabled
- JetBrains Mono
- Cascadia Code
- SF Mono (macOS)
Feedback
If you encounter any issues or have suggestions for improvements, please:
- Check the existing issues
- Create a new issue with details about the problem
- Include screenshots if relevant
License
MIT License - feel free to modify and redistribute.
Changelog
v1.0.0
- Initial release
- Complete UI theme with dark blue palette
- Comprehensive syntax highlighting
- Support for all major languages
- Semantic highlighting support
| |