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

11461
danicotra

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

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

12

4 ответа на вопрос

17
danicotra

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

  1. Настроить о: newtab

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

  2. стильный

    Стильный это дополнение с более широким спектром функциональности; он позволяет вам настраивать сам 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: blank` в Firefox, вы можете обратиться к другим вопросам: https://superuser.com/questions/603218/how-to-make-the-aboutblank-page-black-or-any -другий цвет-в-светлячок danicotra 6 лет назад 1
Бонусные баллы (если бы я мог) за метод, совместимый с Firefox 57+. japzone 6 лет назад 3
Обновление-комментарий: убедитесь, что вы не пропустите это новое и удивительное расширение Firefox: [Tabliss] (https://addons.mozilla.org/en-US/firefox/addon/tabliss/?src=external-tabliss.io ) работает отлично! (Также доступно для [Chrome] (https://chrome.google.com/webstore/detail/tabliss-your-new-tab/hipekcciheckooncpjeljhnekcoolahp)) danicotra 5 лет назад 0
Еще один хороший WebExtension для FF для достижения цели здесь: [Переопределение новой вкладки] (https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/) danicotra 5 лет назад 0
Спасибо! только что сделал это, чтобы соответствовать ветру темной плазмы 5 цветов темы https://gitlab.com/snippets/1781039 isalgueiro 5 лет назад 0
2
psychoslave

Ну, я должен сказать, что решение, данное @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; } 
Почти работающее решение для пустой флэш-памяти https://www.reddit.com/r/firefox/comments/6s2l0w/removing_the_white_flash_before_a_page_loads/, но некоторые белые элементы могут все еще мигать при загрузке страницы. psychoslave 6 лет назад 1
1
gagarine

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

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

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

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

-1
Szemes Erik

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