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

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

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 выберите " Открыть папку" в соответствии с "корневым каталогом" профиля пользователя, который вы хотите настроить (обычно это только один);

   • к настоящему времени корневая папка профиля должна была открыться, создать (если ее еще нет) новую папку с именем 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".

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

Если вы не знаете, как использовать: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 части, которые делают все это очевидным.

Примечание. Чтобы использовать только цвет фона на новой вкладке, откройте about:config, искать browser.display.background_color обновите его значение шестнадцатеричным цветовым кодом, и вы можете полностью отказаться от него.

1. Найдите корневую папку вашего профиля в about:profiles.
2. Создайте папку с именем chrome в корне вашего профиля.
3. Создайте 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;
     } 
   }
   

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

Я подтверждаю, что это работает в Windows 10, Ubuntu и Xubuntu; Firefox 72.0.2, 73.0.

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

Вы можете использовать расширение Firefox Color . К сожалению, на момент написания этого поста (цветная версия Firefox 2.1.7) не меняет цвет «пустых вкладок».

Вместо этого выберите поведение вкладки по умолчанию «Главная страница Firefox (по умолчанию)» и отключите весь домашний контент Firefox. По сути, она будет вести себя как «пустая вкладка», которая теперь реагирует на изменения темы.

Правила стиля в userContent.css может не применяться, если вы открываете напрямую в about: blank или about: newtab to для обхода телеметрии. Вы все равно будете смотреть на совершенно белую страницу.

Обходной путь должен добавить -new-window Флаг CLI при запуске Firefox и использование его для отображения страницы из вашей локальной файловой системы. Например, если вы хотите черный фон, вы можете:

1. Создайте и сохраните HTML-страницу, используя следующий URI данных:

   data:text/html,<html style="background:black">
   

2. Откройте сохраненный файл в новом окне при запуске Firefox:

   /usr/bin/firefox -new-window file:///home/dekjos/goblack.html
   

Если вы заинтересованы в дополнительной информации, пожалуйста, проверьте предоставленный источник.

Источник: Белая закладка смерти Firefox

В Linux добавьте следующий файл (или добавьте к нему, если он существует):

~/.config/gtk-3.0/settings.ini

[Settings]
gtk-application-prefer-dark-theme = true

(вы также можете найти и переключить эту опцию через диспетчер настроек дистрибутива Linux)

Аналогичный вопрос /questions/1019638/kak-sdelat-tak-chtobyi-pustaya-stranitsa-byila-chernoj-ili-lyubogo-drugogo-tsvet/1114874#1114874

Мне нравится опция 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; }