Seral Theme, GitHub editörlerinin tanıdık arayüz tonlarını Stripe’ın mor vurgu diliyle birleştiren koyu ve açık VS Code tema paketi. Temayı, uzun çalışma oturumlarında kodu geri plana atmayan fakat fonksiyonlar ve yapılandırma alanları arasında belirgin bir görsel ayrım sağlayan bir editör deneyimi için geliştirdim.
Problem
Editör temasında güçlü vurgu renkleri okunabilirliği kolayca bozabiliyor; çok nötr paletler ise sözdizimi gruplarını birbirine yaklaştırıyor. Projede arayüzü sakin tutarken fonksiyonları, JSON alanlarını, anahtar sözcükleri ve yorumları hızlı ayırt edilebilir kılmaya odaklandım.
Tasarım ilkeleri
- Koyu ve açık varyantlarda ortak bir renk hiyerarşisi kullanmak
- Fonksiyon tanımları ile çağrılarını görünür fakat baskın olmayan bir tonla ayırmak
- JSON anahtarları ve dizi indisleri için tutarlı işaretler oluşturmak
- Editör arayüzü ile sözdizimi renkleri arasında görsel kopukluk bırakmamak
- Paleti JavaScript, Python, Markdown ve JSON dosyalarında birlikte değerlendirmek
Tema önizlemeleri
Koyu ve açık varyantlar
Koyu varyant #021024 arka plan, #f0f6fc metin ve #635bff arayüz vurgusu kullanıyor. Fonksiyonlar ve JSON anahtarları #ffd700 ile ayrılıyor. Açık varyantta #ffffff arka plan ve #24292f metin korunurken fonksiyonlar ile JSON anahtarları #8250df tonuna taşınıyor.
İki varyant aynı token rollerini paylaşıyor; farklılık yalnızca açık ve koyu zeminde gereken kontrast değerlerinden geliyor. Böylece tema değiştiğinde sözdizimi hiyerarşisi de değişmiyor.
Paketleme
Proje standart VS Code tema eklentisi yapısıyla paketleniyor. Tema tanımları, editör arayüz renkleri ve sözdizimi kapsamları ayrı dosyalarda tutuluyor. Sürüm sürecinde koyu ve açık varyantlar örnek kod dosyalarıyla kontrol ediliyor, ardından .vsix paketi oluşturulup Marketplace’e yayınlanıyor.
Bağlantılar
- VS Code Marketplace: aliyilmazco.seral-theme
- GitHub deposu: github.com/aliyilmazco/seral-theme
- Lisans: MIT