Изменить фон новой вкладки Firefox

Я всегда использую темную персону или компактную темную тему по умолчанию, которая входит в Firefox, и мне не нравится, когда цвет фона по умолчанию белый, когда я открываю новую вкладку. Я использовал дополнение, которое позволяло настраивать новые вкладки, но теперь оно исчезло с Firefox 57 ...

Итак, как я могу сделать, чтобы изменить фон новых вкладок?

Я думаю, что это может заинтересовать и других. До сих пор я знаю пару аддонов для достижения этого и способ обхода без аддонов (так как многие из них исчезают изо дня в день), тогда мы пойдем:

1. Настройте about: newtab (см. Пункт 3 ниже)

   Это специальное дополнение для задачи, оно не только позволяет вам менять цвет фона, но и выбирать фоновое изображение, а также изменять его размер и выравнивать, как вам нравится ... приятно!

2. Стильный (см. Пункт 3 ниже)

   Стильный это дополнение с более широким спектром функциональности; он позволяет вам настраивать сам Firefox, пока вы управляете / устанавливаете темы и обложки для множества популярных веб-сайтов, таких как Google, Facebook, YouTube и многих других ... Я думаю, что это излишне, если вам это нужно только для задачи, с которой мы здесь имеем дело ,

3. Ни один из вышеперечисленных не будет работать с Firefox 57 из-за дополнительных ограничений . Стилус с новой вкладкой Firefox 57 показывает это сообщение:

   В качестве меры безопасности браузер запрещает расширениям воздействовать на его встроенные страницы (такие как chrome: // версия, стандартная новая вкладка в Chrome 61, about: addons и т. Д.), А также на страницы других расширений. Каждый браузер также ограничивает доступ к своей собственной галерее расширений (например, Chrome Web Store или AMO).

   Итак, давайте оставим аддоны в стороне и запачкаем руки!

   Вы можете решить, что не хотите использовать аддон для этого, в данном случае вот что нужно сделать:

   • напишите about:profilesв адресной строке Firefox и выберите Open Folderв соответствии с «корневым каталогом» профиль пользователя, который вы хотите настроить (обычно есть только один);

   • к настоящему времени корневая папка профиля должна была открыться, создать (если ее еще нет) новую папку с именем chrome;

   • создайте (если он еще не существует) новый файл с именем userContent.css внутри chromeпапки и поместите в него следующий код:

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

   Если вы можете манипулировать с помощью CSS, вы также можете добавить некоторый код для установки фонового изображения, если хотите (я предлагаю в конечном итоге поместить изображения в одну папку с CSS).

   Возможно, вам придется перезапустить Firefox, чтобы применить настройки.

   Кредиты для этого последнего пункта идут на DIENER_

Откройте about:configи измените значение browser.display.background_colorна цвет по вашему выбору. Я использую # 595959 (нейтральный серый).

Это работает с пустой вкладкой или «Firefox Home».

К сожалению, быстрое открытие вкладки или когда браузер находится под большой нагрузкой, все равно будет белой вспышкой.

Если вы не знаете, как использовать about: config, прочитайте https://support.mozilla.org/en-US/kb/about-config-editor-firefox.

Ну, я должен сказать, что решение, данное @danicotra, действительно работает для новой вкладки, даже с Firefox 57. Однако во время загрузки страницы пустая вспышка все равно будет систематически жечь ваши глаза.

Вот еще одно предложение контента для вас ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, которое затемняет еще несколько мест, но не устраняет пустую вспышку при загрузке.

/* 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 и danicotra, я нашел решение, которое работает для меня (моей целью было создать фоновое изображение на новой вкладке, которую я установил about:blank). Решение psychoslave в основном меняет каждую страницу Firefox, чего я не хочу, но благодаря началу его кода я смог выяснить, есть url-prefixчасти, которые делают все это возможным.

1. создайте chromeпапку в корне своего профиля
2. создайте userContent.cssи вставьте этот код:

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

(Для только цвета фона на новой вкладке используйте browser.display.background_colorшестнадцатеричный цветовой код, и вы можете вообще отказаться от него.)

3. Скопируйте изображение прямо рядом с userContent.cssфайлом (FF не взял для меня никаких абсолютных путей).
4. В about:config, установите toolkit.legacyUserProfileCustomizations.stylesheetsнаtrue так FF фактически позволяет эту настройку.

Я подтверждаю, что это работает на Windows 10, Firefox 72.0.2.

Большое спасибо другим участникам, упомянутым выше, и этой теме на Reddit .

Мне нравится опция psychoslave, но если вы не хотите менять фон Google или фон этих сайтов, для чего используйте фон браузера по умолчанию, измените последние три строки следующим образом:

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

А вот и полный код, скопированный из ответа психослава.

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