Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Midnight BlueprintNew to Visual Studio Code? Get it now.
Midnight Blueprint

Midnight Blueprint

Gagan Goswami

|
42 installs
| (0) | Free
A minimalist dark blue theme inspired by Dark Modern with elegant syntax highlighting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Copy this folder to your VS Code extensions directory:

    • Windows: %USERPROFILE%\.vscode\extensions\
    • macOS: ~/.vscode/extensions/
    • Linux: ~/.vscode/extensions/
  2. Restart VS Code

  3. Go to File → Preferences → Color Theme (or Code → Preferences → Color Theme on macOS)

  4. 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:

  1. Check the existing issues
  2. Create a new issue with details about the problem
  3. 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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft