Zmień tło nowej karty przeglądarki Firefox

Zawsze używam ciemnego motywu personas lub domyślnego kompaktowego ciemnego motywu dołączonego do Firefoksa i nie podoba mi się domyślny biały kolor tła po otwarciu nowej karty. Użyłem dodatku, który pozwala mi dostosować nowe karty, ale teraz zniknął z Firefox 57 ...

Jak mogę zmienić tło nowych kart?

Myślę, że może to zainteresować również innych. Do tej pory znam kilka dodatków, aby to osiągnąć, i sposób na obejście się bez dodatków (wydaje się, że wiele z nich znika z dnia na dzień), oto:

1. Dostosuj about: newtab (patrz punkt 3 poniżej)

   Jest to specyficzny dodatek do zadania, nie tylko pozwala zmienić kolor tła, ale także wybrać obraz tła, a także zmienić jego rozmiar i wyrównać, jak chcesz ... fajnie!

2. Stylowy (patrz punkt 3 poniżej)

   Stylowy jest dodatkiem o szerszym spektrum funkcjonalności; pozwala dostosowywać samego Firefoksa pod warunkiem, że zarządza / instaluje motywy i skórki dla wielu popularnych stron internetowych, takich jak Google, Facebook, YouTube i wiele innych ... Myślę, że to przesada, jeśli potrzebujesz go tylko do zadania, z którym mamy do czynienia .

3. Żadne z powyższych nie będzie działać z Firefoksem 57 z powodu dodatkowych ograniczeń . Rysik z nową kartą strony przeglądarki Firefox 57 wyświetla ten komunikat:

   Ze względów bezpieczeństwa przeglądarka zabrania wpływania rozszerzeń na wbudowane strony (takie jak chrome: // version, standardowa strona nowej karty w Chrome 61, about: addons itp.), A także strony innych rozszerzeń. Każda przeglądarka ogranicza również dostęp do własnej galerii rozszerzeń (takich jak Chrome Web Store lub AMO).

   Odłóżmy na bok dodatki i ubrudzimy sobie ręce!

   Możesz zdecydować, że nie chcesz używać do tego dodatku, w tym przypadku oto co zrobić:

   • napisz about:profilesw pasku adresu Firefox i wybierz Open Folderw korespondencji „Katalog główny” profilu użytkownika, który chcesz dostosować (zwykle jest tylko jeden);

   • do tej pory powinien zostać otwarty folder główny profilu, utwórz (jeśli jeszcze go nie ma) nowy folder o nazwie chrome;

   • utwórz (jeśli jeszcze go nie ma) nowy plik o nazwie userContent.css wewnątrz chromefolderu i umieść w nim następujący kod:

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

   Jeśli możesz żonglować CSS, możesz również dodać kod, aby ustawić obraz tła, jeśli chcesz (sugeruję, aby ostatecznie umieścić obrazy w tym samym folderze z CSS).

   Może być konieczne ponowne uruchomienie przeglądarki Firefox, aby zastosować dostosowanie.

   Kredyty za ten ostatni punkt trafiają do DIENER_

Otwórz about:configi zmień wartość browser.display.background_colorna wybrany kolor. Używam # 595959 (neutralny szary).

Działa to z pustą kartą lub „Firefox Home”.

Niestety, szybkie otwarcie karty lub gdy przeglądarka jest obciążona, nadal będzie skutkować białym błyskiem.

Jeśli nie wiesz, jak korzystać z: config, przeczytaj https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Cóż, muszę powiedzieć, że rozwiązanie podane przez @danicotra działa dla nowej karty, nawet w przeglądarce Firefox 57. Jednak podczas ładowania strony pusty flash nadal systematycznie pali oczy.

Oto kolejna propozycja treści dla Ciebie ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, która przyciemnia kilka dodatkowych miejsc, ale nie rozwiąże pustego flasha przy ładowaniu.

/* 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;
}

OK, w oparciu o odpowiedzi z psychoslave i danicotra, wymyśliłem rozwiązanie, które działa dla mnie (moim celem było stworzenie obrazu tła na stronie nowej karty, którą ustawiłem about:blank). Rozwiązanie psychoslave zmienia zasadniczo każdą stronę Firefoksa, której nie chcę, ale dzięki początkowi jego kodu mogłem dowiedzieć się, że są url-prefixczęści, które sprawiają, że całość wydaje się możliwa.

1. utwórz chromefolder w katalogu głównym swojego profilu
2. utwórz userContent.cssi wklej ten kod:

/* 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;
  } 
}

(Aby uzyskać tylko kolor tła na nowej karcie, użyj browser.display.background_colorz kodem koloru szesnastkowego i możesz to całkowicie upuścić).

3. Skopiuj obraz tuż obok userContent.csspliku (FF nie wybrał dla mnie żadnych ścieżek bezwzględnych).
4. W about:config, zestaw toolkit.legacyUserProfileCustomizations.stylesheetsdo truetak FF faktycznie umożliwia to dostosowanie.

Potwierdzam, że działa w systemie Windows 10, Firefox 72.0.2.

Ogromne podziękowania dla innych współautorów wymienionych powyżej i tego wątku na Reddit .

Podoba mi się opcja psychoslave, ale jeśli nie chcesz zmieniać tła google lub tych witryn, które używają domyślnego tła przeglądarki, zmień ostatnie trzy linie w ten sposób:

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

A oto pełny kod, skopiowany z odpowiedzi psychoslave.

>     /* 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; }