Firefox yeni sekme arka planını değiştirme


22

Her zaman koyu personas temasını veya Firefox ile birlikte gelen varsayılan kompakt koyu temayı kullanıyorum ve yeni bir sekme açtığımda varsayılan arka plan renginin beyaz olmasını sevmiyorum. Kullandığım yeni sekmeleri özelleştirmeme izin veren bir eklenti vardı, ancak şimdi Firefox 57 ile gitti ...

Peki, yeni sekmelerin arka planını değiştirmek için nasıl yapabilirim?


Firefox için karanlık tema overdodactyl.github.io/ShadowFox
Josh Habdas

Yanıtlar:


28

Bunun başkalarını da ilgilendirebileceğini düşünüyorum. Şimdiye kadar bunu başarmak için birkaç eklenti ve eklentiler olmadan yapmanın bir yolunu biliyorum (birçoğu her gün kayboluyor gibi görünüyor), işte o zaman gidiyoruz:

  1. Hakkında özelleştirin: newtab (lütfen aşağıdaki 3. maddeye bakın)

    Bu görev için özel bir eklenti, sadece arka plan rengini değiştirmenize değil, aynı zamanda bir arka plan resmi seçmenize ve istediğiniz gibi yeniden boyutlandırmanıza ve hizalamanıza izin verin ... güzel!

  2. Şık (lütfen aşağıdaki 3. maddeye bakın)

    Şık, daha geniş bir işlev yelpazesine sahip bir eklentidir; Google, Facebook, YouTube ve diğerleri gibi birçok popüler web sitesi için temaları ve kaplamaları yönetme / yükleme sürece Firefox'un kendisini özelleştirmenizi sağlar ... Bence sadece burada uğraştığımız görev için ihtiyacınız varsa aşırıya kaçıyor .

  3. Yukarıdakilerin hiçbiri ek kısıtlamalar nedeniyle Firefox 57 ile çalışmaz . Firefox 57'nin yeni sekme sayfasında Stylus şu mesajı gösterir:

    Güvenlik önlemi olarak tarayıcı, uzantıların yerleşik sayfalarını (chrome: // sürümü, Chrome 61'den itibaren standart yeni sekme sayfası, about: adddons vb.) Ve diğer uzantıların sayfalarını etkilemesini yasaklar. Her tarayıcı ayrıca kendi uzantı galerisine (Chrome Web Mağazası veya AMO gibi) erişimi kısıtlar.

    Öyleyse, eklentileri bir kenara bırakalım ve ellerimizi kirletelim!

    Bunun için bir addon kullanmak istemediğinize karar verebilirsiniz, bu durumda yapmanız gerekenler:

    • yazma about:profilesFirefox adres çubuğuna basıp Open Folderözelleştirmek istediğiniz kullanıcı profilinin "kök dizini" karşılık gelecek şekilde (genellikle bir tek orada);

    • şimdiye kadar profilin kök klasörü açılmış olmalı, (henüz yoksa) adlı yeni bir klasör oluşturun chrome;

    • Klasörün userContent.css içinde yeni bir dosya oluşturun (zaten yoksa) chromeve aşağıdaki kodu bu klasöre yerleştirin:

      @-moz-document url("about:newtab") {  
          body {
              background-color: #000000 !important;
          }
      }

    CSS ile dengeleyebiliyorsanız, isterseniz bir arka plan görüntüsü ayarlamak için bazı kodlar ekleyebilirsiniz (görüntüleri CSS ile aynı klasöre koymanızı öneririm).

    Özelleştirmenin uygulanmasını sağlamak için Firefox'u yeniden başlatmanız gerekebilir.

    Bu son nokta için verilen krediler DIENER_


4
Firefox about:blanksayfasıyla aynı şeyi yapmak için şu diğer soru ve
cevaplara başvurabilirsiniz

3
Firefox 57+ uyumlu yöntem için bonus puan (eğer yapabilirsem).
japzone

Güncelleme-yorum: Bu yeni ve harika Firefox uzantısını kaçırmadığınızdan emin olun: Tabliss harika çalışıyor! ( Chrome için de mevcuttur)
danicotra

Burada amacına ulaşmak için FF için başka bir iyi WebExtension: Yeni Sekme Geçersiz Kılma
danicotra

1
Firefox 67'de çalışmıyor
Vladimir Jovanović

8

about:configDeğeri açın ve browser.display.background_coloristediğiniz renge değiştirin . # 595959 (nötr gri) kullanıyorum.

Bu boş sekme veya "Firefox Home" ile çalışır.

Ne yazık ki, sekmeyi hızlı bir şekilde veya tarayıcı aşırı yükteyken açmak hala beyaz bir flaşla sonuçlanacaktır.

Hakkında nasıl kullanacağınızı bilmiyorsanız: lütfen https://support.mozilla.org/en-US/kb/about-config-editor-firefox adresini okuyun.


Firefox 67'de çalışmıyor
Vladimir Jovanović

Bu benim için Arch Linux'taki Firefox 67.0.4 (64 bit) üzerinde çalışıyor. Bununla birlikte, cevapta açıklandığı gibi, beyaz flaş nedeniyle çözüm ideal değildir.
Casey Jones

2
Firefox 71'de çalışır
Edwin

2

Eh, @danicotra tarafından verilen çözümün Firefox 57 ile bile yeni sekme için çalıştığını söylemeliyim. Ancak, bir sayfa yüklenirken boş bir flaş hala sistematik olarak gözlerinizi yakacaktır.

Burada, ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.cssbirkaç yer daha koyulaşan, ancak yükteki boş flaşı çözmeyen başka bir içerik teklifi var .

/* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab */
/* https://userstyles.org/styles/142191/remove-new-tab-flash */
@-moz-document url-prefix(about:preferences), url-prefix(about:blank), url-prefix(about:newtab) {
  html, body, #newtab-customize-overlay {
    background: #303030 !important;
    color: #b2b2b2 !important;
  } 
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"]
  {
    background: #303030 !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(chrome://browser/content/browser.xul)
{

  browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed !important;
    color: #b2b2b2 !important;
  }
}

@-moz-document url(about:blank),
               url(about:preferences),
               url(about:config),
               url(about:newtab)
{
  #newtab-window,
  html,
  body, 
  #newtab-customize-overlay 
  {
    background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
    color: #b2b2b2 !important;
  }
}

html>body {
  background: #303030 !important;
  color: #b2b2b2 !important;
}

2
Boş flash reddit.com/r/firefox/comments/6s2l0w/… için neredeyse çalışan bir çözüm, ancak sayfa yüklenirken bazı beyaz öğeler hala yanıp sönebilir.
psikoslave

0

Tamam, psikoslave ve danicotra'nın cevaplarına dayanarak, benim için işe yarayan bir çözüm buldum (amacım, ayarladığım yeni sekme sayfasında bir arka plan resmine sahip olmaktı about:blank). Psychoslave'in çözümü temelde istemediğim her Firefox'un sayfasını değiştirir ancak kodunun başlangıcı sayesinde url-prefixher şeyi açıkça mümkün kılan parçalar olduğunu anlayabildim .

Not: Yeni sekmedeki arka plan rengi için açın about:config, browser.display.background_colordeğerini onaltılık renk kodu ile güncelleyin ve bunu tamamen bırakabilirsiniz.

  1. İçindeki profil kök klasörünüzü bulun about:profiles.
  2. chromeProfil kökünüzde bir klasör oluşturun .
  3. userContent.cssBu içerikle oluştur :
    /* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab */
    /* https://userstyles.org/styles/142191/remove-new-tab-flash */
    @-moz-document url-prefix(about:blank), url-prefix(about:newtab) {
      html, body, #newtab-customize-overlay {
        background: url("konachan-steins-gate-s.jpg") no-repeat center center fixed !important; 
        background-size: cover !important;
      } 
    }
    
  4. Resmi userContent.cssdosyanın hemen yanına kopyalayın (FF benim için başka hiçbir yerde mutlak yol almadı).
  5. 'De about:config, FF bu özelleştirmeye izin toolkit.legacyUserProfileCustomizations.stylesheetsverecek trueşekilde ayarlandığında .
  6. Değişikliklerin etkili olması için Firefox'unuzu yeniden başlatın.

Bunun Windows 10, Ubuntu ve Xubuntu üzerinde çalıştığını onaylıyorum; Firefox 72.0.2, 73.0.

Yukarıda bahsedilen diğer katkıda bulunanlar ve Reddit'teki bu konuya büyük teşekkür ederiz .


-1

Ben psychoslave seçeneği gibi ama u google arka planını veya bu sitelerin arka planını değiştirmek istemiyorsanız, tarayıcı varsayılan arka planını kullanan son üç satırı şu şekilde değiştirin:

#root{   background: #303030 !important;   color: #b2b2b2 !important; } 

Ve işte tam kod, psikoslavın cevabından kopyalandı.

>     /* https://userstyles.org/styles/90565/firefox-adjust-white-flash-when-opening-new-tab
> */ /* https://userstyles.org/styles/142191/remove-new-tab-flash */ @-moz-document url-prefix(about:preferences), url-prefix(about:blank),
> url-prefix(about:newtab) {   html, body, #newtab-customize-overlay {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   }  }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"]   {
>     background: #303030 !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(chrome://browser/content/browser.xul) {
> 
>   browser[type="content-primary"], tabbrowser tabpanels, #appcontent >
> #content   {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed
> !important;
>     color: #b2b2b2 !important;   } }
> 
> @-moz-document url(about:blank),
>                url(about:preferences),
>                url(about:config),
>                url(about:newtab) {   #newtab-window,   html,   body,    #newtab-customize-overlay    {
>     background: #1B1B1B url("chrome://global/skin/media/imagedoc-darknoise.png") repeat fixed;
>     color: #b2b2b2 !important;   } }
> 
> #root {   background: #303030 !important;   color: #b2b2b2 !important; }
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.