Zmień tło nowej karty przeglądarki Firefox

22

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?

danicotra
źródło
Ciemny motyw dla Firefoksa overdodactyl.github.io/ShadowFox
Josh Habdas

Odpowiedzi:

28

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_

danicotra
źródło
3
Aby zrobić to samo ze about:blankstroną Firefox , możesz odnieść się do innych pytań i odpowiedzi: superuser.com/questions/603218/…
danicotra
3
Punkty bonusowe (gdybym mógł) za metodę zgodną z Firefox 57+.
japzone
Update-comment: Upewnij się, że nie przegapisz tego nowego i niesamowitego rozszerzenia do Firefoksa: Tabliss działa świetnie! (Dostępne również dla Chrome )
danicotra
Kolejny dobry WebExtension dla FF, aby osiągnąć cel tutaj: New Tab Override
danicotra
1
Nie działa w przeglądarce Firefox 67
Vladimir Jovanović,
7

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

gagarine
źródło
Nie działa w przeglądarce Firefox 67
Vladimir Jovanović,
Działa to dla mnie w przeglądarce Firefox 67.0.4 (64-bitowej) w Arch Linux. Jednak rozwiązanie nie jest idealne ze względu na biały błysk, jak opisano w odpowiedzi.
Casey Jones
1
Działa w przeglądarce Firefox 71
Edwin
2

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;
}
psychoslave
źródło
2
Prawie działające rozwiązanie dla pustej pamięci flash reddit.com/r/firefox/comments/6s2l0w/... ale niektóre białe elementy mogą nadal migać podczas ładowania strony.
psychoslave
0

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ć).

  1. Skopiuj obraz tuż obok userContent.csspliku (FF nie wybrał dla mnie żadnych ścieżek bezwzględnych).
  2. 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 .

edison23
źródło
-1

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; }
Szemes Erik
źródło