gokayburuc.dev

CyberDev Obsidian Theme

Obsidian Cyberdev Theme

obsidian-theme

Önsöz

Bilgisayar başında, özellikle geceleyin kod yazan, geliştiriciler, kodcular, için bir Obsidian teması oluşturdum.

Bu tema özellikle gece uyumayıp uzun süre PC / Android başında not alanlar için geliştirildi. Gözlerin yorulmaması adına siyah zemin üzerinde zıt renkler kullanıldı. Böylece kontrast sayesinde okunurluğun arttırılmasını hedefledim.

Proje Görselleri

theme

Geliştirme Notları

Obsidian template dosyası üzerinden temaya ait template dosyaları, yeni oluşturulmuş bir Obsidian vault dosyası içerisine kopyalandı.

.obsidian/themes isimli klasöre template dosyası taşındıktan sonra, klasör içerisindeki manifest.json dosyası düzenlendi.

Burada dikkat edilmesi gereken en önemli nokta ise manifest.json isimli dosyada name isimli alana verilen değer ile klasör adının aynı olmasıdır. Örneğin "name": "cyberdev" değeri için, template klasörünün adını da "cyberdev" olarak güncellemek gerekir.

Buradan sonraki tüm işlemler theme.css isimli dosyada gerçekleştirilecektir. Bu noktada da bilinmesi gereken iki husus var.

İlk husus, Obsidian API ye ait varsayılan CSS değişkenleri vardır. Buradan, renk, yazı boyutu, yazı tipi, border kalınlığı gibi değerler doğrudan değiştirilebilir. Bu değerleri Obsidian Docs > CSS Variables sekmesi altında bulabilirsiniz.

Diğer husus ise Developer Tools kullanımı hakkındadır. Obsidian ekranı açıldıktan sonra CTRL - SHIFT - I tuş kombinasyonu ile developer tools açıldıktan buradan CTRL - SHIFT - C ile inspect modu açılır. Buradan ilgili öğe ekrandan mouse yardımıyla seçilir. Bu öğeye ait CSS değişkenleri ekranda görüntülenir. Buradaki class ifadeleri .cm-em{} gibi noktalı bir şekilde yazıp curly bracket ile değişkenlerin belirlenmesi gerekir.

Lisans Bilgileri

Tema açık kaynak kodlu mu ?

Tema, diğer Obsidian tema kodları gibi, MIT Lisansı altında açık kaynak kodludur. Bilgisayarınıza indirdikten sonra ya da repository üzerinden fork işlemi ile branch oluşturarak dilediğiniz gibi kişiselleştirme bilir ve özellik ekleyebilirsiniz. Ayrıca clone layarak bilgisayarınızda dilediğiniz gibi düzenleyebilirsiniz.

Proje Dosyasına Erişim

Projeyi nereden inceleyebilirim?

Projeyi aşağıdaki Github adresinden inceleyebilirsiniz:

Temayı indirme talimatlarını belirtilen repository dosyası içerisinden temin edebilirsiniz.

İletişim

Proje ile ilgili benimle iletişime geçmek için aşağıdaki kanalları kullanabilirsiniz.