Eğer Firefox'u özelleştirmek için kullanılan temalar yetersiz kalıyorsa Firefox'unuzu düzenlemek için CSS'in gücünden ve eklentilerden yararlanabilirsiniz.

Kuracağınız temayı seçme​

Birçok güzel temayı kendinde birleştiren bir site mevcut.
Bu sitede yüzlerce temayı görüntüleyebilir ve kurma talimatlarını bulabilirsiniz.

1706196353880.webp


Gerekli eklentiler​


Ben "Shina Fox" temasını kuracağım için onun adımlarını göstereceğim fakat çoğu temanın kurulum aşamaları benzer.

Tema kurulumu öncesi "Shina Fox" temasının gereksinimi olan bazı eklentileri kuracağım.
1. Sidebery
Chromium tabanlı tarayıcılarda olan dikey sekme özelliğini etkinleştiren, özelleştirilebilir kullanışlı bir eklenti.
İndirme linki: Sidebery – Get this Extension for 🦊 Firefox (en-US)
2. Tabliss
Yeni sekme ekranını sıkıcı bir sayfadan güzel arka planlı, hoş bir sekmeye değiştiren eklenti.
İndirme linki: Tabliss - New Tab – Get this Extension for 🦊 Firefox (en-US)

Sidebery'yi özelleştirme​

Kurulduktan sonra karşımıza çıkan tab çok kötü duruyor. Bu yüzden öncelikle buna bir ayar çekmemiz lazım.

1. Üst kısımda "Settings⚙️" kısmından Navigation Bar sekmesinden Show navigation bar in one line seçeneğini kapatın.

1706196372211.webp


2. Style editor kısmına aşağıdaki CSS kodunu yapıştırın.
CSS:
#root.root {--tabs-font: 1rem Monospace;}
#root.root {--ctx-menu-font: 1rem Monospace;}
#root.root {--ctx-menu-min-width: 256px;}
#root.root {--ctx-menu-max-width: 9999px;}

.Tab[data-discarded="true"] .title {
    opacity: 80%;
}

/* adjustments */
#root.root {--tabs-indent: 16px;}
#root.root {--tabs-audio-btn-width: 32px;}
#root.root {--tabs-inner-gap: 4px;}

#root:not(:hover) {
    --tabs-indent: 0px;
}
.Tab .title {
    transition: margin-left 300ms ease;
}
.Tab:hover {
    --tabs-inner-gap: 8px;
}
.Tab:hover .title {
    margin-left: 8px;
}

Firefox configlerini düzenleme​

1. Arama çubuğuna about:config yazarak Firefox config ayarlamalarını açın ve aşağıdaki girdileri değiştirin.

ParametreDeğer
toolkit.legacyUserProfileCustomizations.stylesheetstrue
widget.gtk.ignore-bogus-leave-notify1
floorp.browser.user.interface (Floorp tarayıcısı kullanıyorsanız)1
browser.newtabpage.activity-stream.floorp.newtab.backdrop.blur.disable (Floorp tarayıcısı kullanıyorsanız)true

2. about:addons sayfasına gelip "Theme" sekmesinde Koyu/Dark veya Beyaz/Light seçeneğini seçin.

CSS dosyasını ekleme​

1. about:profiles adresine gidin.
2. Root Directory kısmından profil klasörünüzü dosya yöneticisi ile açın.
1706196277244.webp

3. Profil klasöründe chrome isimli klasör oluşturun ve bu linkten arşivi indirin.
4. Arşivin içindeki dosyaları chrome klasörüne ekleyin.

Ve bu kadar. Firefox'u yeniden başlattıktan sonra sizi böyle bir görüntü karşılayacaktır.
1706196327149.webp
 
Son düzenleyen: Moderatör: