🌙 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
- Open VS Code
- Go to Extensions (Ctrl+Shift+X)
- Search for "Midnight Themes Collection"
- Click Install
Manual Installation
- Download the
.vsix
file
- Open VS Code
- Go to Extensions (Ctrl+Shift+X)
- Click the "..." menu and select "Install from VSIX..."
- Choose the downloaded file
🎯 How to Use
- Open VS Code
- Press
Ctrl+K Ctrl+T
(or Cmd+K Cmd+T
on Mac)
- 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
- VS Code'u açın
- Extensions'a gidin (Ctrl+Shift+X)
- "Midnight Themes Collection" arayın
- Install'a tıklayın
Manuel Kurulum
.vsix
dosyasını indirin
- VS Code'u açın
- Extensions'a gidin (Ctrl+Shift+X)
- "..." menüsüne tıklayın ve "Install from VSIX..." seçin
- İndirilen dosyayı seçin
🎯 Kullanım
- VS Code'u açın
Ctrl+K Ctrl+T
tuşlarına basın (Mac'te Cmd+K Cmd+T
)
- 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