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

22

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

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

danicotra
источник
Темная тема для Firefox overdodactyl.github.io/ShadowFox
Джош Хабдас

Ответы:

28

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

  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_

danicotra
источник
3
Чтобы сделать то же самое со about:blankстраницей Firefox, вы можете обратиться к другим вопросам и
ответам
3
Бонусные баллы (если бы я мог) за метод, совместимый с Firefox 57+.
japzone
Обновление-комментарий: убедитесь, что вы не пропустите это новое и удивительное расширение Firefox: Tabliss прекрасно работает! (Доступно и для Chrome )
danicotra
Еще один хороший WebExtension для FF для достижения цели здесь: Переопределение
новой вкладки
1
Не работает в Firefox 67
Владимир Йованович
7

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

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

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

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

gagarine
источник
Не работает в Firefox 67
Владимир Йованович
Это действительно работает для меня на Firefox 67.0.4 (64-разрядная версия) на Arch Linux. Тем не менее, решение не является идеальным из-за белой вспышки, как описано в ответе.
Кейси Джонс
1
Работает в Firefox 71
Эдвин
2

Ну, я должен сказать, что решение, данное @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
источник
2
Почти работающее решение для пустой флешки reddit.com/r/firefox/comments/6s2l0w/… но некоторые белые элементы могут все еще мигать при загрузке страницы.
Психослав
0

Хорошо, основываясь на ответах 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шестнадцатеричный цветовой код, и вы можете вообще отказаться от него.)

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

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

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

edison23
источник
-1

Мне нравится опция 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; }
Семеш Эрик
источник