Rehber Firefox'u CSS ile daha güzel hale getirin!

001 dedi:

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.

FirefoxCSS Store

A curated list of Firefox userChrome.css Themes.

firefoxcss-store.github.io

Bu sitede yüzlerce temayı görüntüleyebilir ve kurma talimatlarını bulabilirsiniz.

Eki Görüntüle 13232

---

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 arkaplanlı, hoş bir sekmeye değiştiren eklenti.
İndirme linki: Tabliss - New Tab – Get this Extension for Firefox (en-US)

---

sidebery'i ö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.

Eki Görüntüle 13233

2. Style editor kısmına aşağıdakı 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 Config'lerini düzenleme​

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

Parametre	Değer
toolkit.legacyUserProfileCustomizations.stylesheets	true
widget.gtk.ignore-bogus-leave-notify	1
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.
Eki Görüntüle 13229
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ıkdan sonra sizi böyle bir görüntü karşılayacaktır.
Eki Görüntüle 13230

Genişletmek için tıkla...

Küçültmek için tıkla...

LazJedi dedi:

gizlilik sağlayan hiçbir tarayıcı yok.

Genişletmek için tıkla...

Küçültmek için tıkla...

703 dedi:

Genişletmek için tıkla...

Küçültmek için tıkla...