Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Mystic Dark CollectionNew to Visual Studio Code? Get it now.
Mystic Dark Collection

Mystic Dark Collection

Mustafa Özdemir

|
2 installs
| (0) | Free
A collection of four unique dark themes: Mystic Dark, Neon Noir, Cosmic Purple, and Deep Ocean
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌙 Midnight Themes Collection

A collection of four unique dark themes for Visual Studio Code, each with its own distinctive atmosphere and color palette.

🎨 Available Themes

🌙 Midnight Garden

Konsept: Gece bahçesinin gizemli atmosferi
Renk Paleti: Koyu yeşil tonları, mor vurgular, altın detaylar
Özellikler: Yaprak desenli syntax highlighting, çiçek motifli ikonlar
Hedef Kullanıcı: Doğa severler, meditasyon yapan geliştiriciler

🎭 Neon Noir

Konsept: 80'ler cyberpunk filmlerinden ilham
Renk Paleti: Siyah zemin, neon mavi/pembe/mor vurgular
Özellikler: Glow efektleri, neon border'lar, retro terminal görünümü
Hedef Kullanıcı: Retro severler, cyberpunk hayranları

🏰 Royal Dark

Konsept: Ortaçağ kalesinin lüks atmosferi
Renk Paleti: Koyu altın, bordo, lacivert, gümüş detaylar
Özellikler: Altın border'lar, kraliyet mühürleri, şövalye ikonları
Hedef Kullanıcı: Tarih severler, lüks tasarım hayranları

🌊 Deep Ocean

Konsept: Okyanusun derinliklerindeki gizemli dünya
Renk Paleti: Lacivert, turkuaz, mercan, inci beyazı
Özellikler: Dalga animasyonları, balık ikonları, mercan renkli vurgular
Hedef Kullanıcı: Deniz severler, sakinlik arayan geliştiriciler

🚀 Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Midnight Themes Collection"
  4. Click Install

Manual Installation

  1. Download the .vsix file
  2. Open VS Code
  3. Go to Extensions (Ctrl+Shift+X)
  4. Click the "..." menu and select "Install from VSIX..."
  5. Choose the downloaded file

🎯 How to Use

  1. Open VS Code
  2. Press Ctrl+K Ctrl+T (or Cmd+K Cmd+T on Mac)
  3. Select one of the Midnight themes:
    • Midnight Garden
    • Neon Noir
    • Royal Dark
    • Deep Ocean

🛠️ Development

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn
  • VS Code

Setup

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Package extension
npm run package

# Publish to marketplace (requires publisher account)
npm run publish

Project Structure

midnight-themes-collection/
├── package.json              # Extension manifest
├── themes/                   # Theme files
│   ├── midnight-garden.json  # Midnight Garden theme
│   ├── neon-noir.json        # Neon Noir theme
│   ├── royal-dark.json       # Royal Dark theme
│   └── deep-ocean.json       # Deep Ocean theme
├── README.md                 # This file
└── .vscodeignore            # Files to exclude from package

🎨 Color Palette Details

Midnight Garden

  • Primary: #0a1a0a (Dark Forest Green)
  • Accent: #7cb342 (Leaf Green)
  • Highlight: #8e24aa (Purple Bloom)
  • Text: #e8f5e8 (Soft White)

Neon Noir

  • Primary: #000000 (Pure Black)
  • Accent: #00ffff (Neon Cyan)
  • Highlight: #ff00ff (Neon Magenta)
  • Text: #ffffff (Bright White)

Royal Dark

  • Primary: #1a0f0f (Royal Black)
  • Accent: #d4af37 (Royal Gold)
  • Highlight: #8b0000 (Deep Burgundy)
  • Text: #f4e4bc (Cream White)

Deep Ocean

  • Primary: #0a1a2a (Deep Blue)
  • Accent: #40e0d0 (Turquoise)
  • Highlight: #ff6b6b (Coral)
  • Text: #e0f7fa (Ocean White)

🔧 Customization

Each theme can be customized by modifying the corresponding JSON file in the themes/ directory. The themes follow VS Code's color theme specification and support:

  • Syntax highlighting for multiple programming languages
  • UI element styling (sidebar, status bar, etc.)
  • Terminal color schemes
  • Custom token colors for specific language features

📝 Supported Languages

All themes include optimized syntax highlighting for:

  • JavaScript/TypeScript
  • HTML/CSS
  • JSON
  • Python
  • Java
  • C#
  • PHP
  • Ruby
  • Go
  • Rust
  • And many more...

🤝 Contributing

We welcome contributions! Please feel free to:

  • Report bugs
  • Suggest new features
  • Submit pull requests
  • Create new theme variations

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

  • Inspired by nature, retro aesthetics, medieval history, and ocean depths
  • Built with love for the VS Code community
  • Special thanks to all theme enthusiasts and contributors

Made with ❤️ for developers who appreciate beautiful, functional themes


🌙 Midnight Themes Collection

Visual Studio Code için dört benzersiz koyu tema koleksiyonu, her birinin kendine özgü atmosferi ve renk paleti bulunmaktadır.

🎨 Mevcut Temalar

🌙 Midnight Garden (Gece Bahçesi)

Konsept: Gece bahçesinin gizemli atmosferi
Renk Paleti: Koyu yeşil tonları, mor vurgular, altın detaylar
Özellikler: Yaprak desenli syntax highlighting, çiçek motifli ikonlar
Hedef Kullanıcı: Doğa severler, meditasyon yapan geliştiriciler

🎭 Neon Noir (Neon Kara)

Konsept: 80'ler cyberpunk filmlerinden ilham
Renk Paleti: Siyah zemin, neon mavi/pembe/mor vurgular
Özellikler: Glow efektleri, neon border'lar, retro terminal görünümü
Hedef Kullanıcı: Retro severler, cyberpunk hayranları

🏰 Royal Dark (Kraliyet Karanlığı)

Konsept: Ortaçağ kalesinin lüks atmosferi
Renk Paleti: Koyu altın, bordo, lacivert, gümüş detaylar
Özellikler: Altın border'lar, kraliyet mühürleri, şövalye ikonları
Hedef Kullanıcı: Tarih severler, lüks tasarım hayranları

🌊 Deep Ocean (Derin Okyanus)

Konsept: Okyanusun derinliklerindeki gizemli dünya
Renk Paleti: Lacivert, turkuaz, mercan, inci beyazı
Özellikler: Dalga animasyonları, balık ikonları, mercan renkli vurgular
Hedef Kullanıcı: Deniz severler, sakinlik arayan geliştiriciler

🚀 Kurulum

VS Code Marketplace'den

  1. VS Code'u açın
  2. Extensions'a gidin (Ctrl+Shift+X)
  3. "Midnight Themes Collection" arayın
  4. Install'a tıklayın

Manuel Kurulum

  1. .vsix dosyasını indirin
  2. VS Code'u açın
  3. Extensions'a gidin (Ctrl+Shift+X)
  4. "..." menüsüne tıklayın ve "Install from VSIX..." seçin
  5. İndirilen dosyayı seçin

🎯 Kullanım

  1. VS Code'u açın
  2. Ctrl+K Ctrl+T tuşlarına basın (Mac'te Cmd+K Cmd+T)
  3. Midnight temalarından birini seçin:
    • Midnight Garden
    • Neon Noir
    • Royal Dark
    • Deep Ocean

🛠️ Geliştirme

Gereksinimler

  • Node.js (v14 veya üzeri)
  • npm veya yarn
  • VS Code

Kurulum

# Bağımlılıkları yükleyin
npm install

# TypeScript'i derleyin
npm run compile

# Extension'ı paketleyin
npm run package

# Marketplace'e yayınlayın (publisher hesabı gerekir)
npm run publish

📝 Desteklenen Diller

Tüm temalar şu diller için optimize edilmiş syntax highlighting içerir:

  • JavaScript/TypeScript
  • HTML/CSS
  • JSON
  • Python
  • Java
  • C#
  • PHP
  • Ruby
  • Go
  • Rust
  • Ve daha fazlası...

🤝 Katkıda Bulunma

Katkılarınızı bekliyoruz! Lütfen:

  • Hata bildirin
  • Yeni özellikler önerin
  • Pull request gönderin
  • Yeni tema varyasyonları oluşturun

📄 Lisans

Bu proje MIT Lisansı altında lisanslanmıştır - detaylar için LICENSE dosyasına bakın.

🙏 Teşekkürler

  • Doğa, retro estetik, ortaçağ tarihi ve okyanus derinliklerinden ilham alınmıştır
  • VS Code topluluğu için sevgiyle inşa edilmiştir
  • Tüm tema tutkunlarına ve katkıda bulunanlara özel teşekkürler

Güzel, işlevsel temaları takdir eden geliştiriciler için ❤️ ile yapılmıştır

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft