Я всегда использую темную персону или компактную темную тему по умолчанию, которая входит в состав Firefox, и мне не нравится, когда цвет фона по умолчанию белый, когда я открываю новую вкладку. Было добавление, которое я использовал, позволяющее настраивать новые вкладки, но теперь оно исчезло с Firefox 57 ...
Итак, как я могу сделать, чтобы изменить фон новых вкладок?
Я думаю, что это может заинтересовать и других. До сих пор я знаю пару аддонов для достижения этого и способ обойтись без аддонов (так как многие из них исчезают день ото дня), тогда мы пойдем:
Настройте about:newtab (см. Пункт 3 ниже)
Это специальное дополнение для задачи, оно не только позволяет менять цвет фона, но и выбирать фоновое изображение, а также изменять его размер и выравнивать, как вам нравится ... приятно!
Стильный (см. Пункт 3 ниже)
Стильный это дополнение с более широким спектром функциональности; он позволяет вам настраивать Firefox самому, пока вы управляете / устанавливаете темы и обложки для множества популярных сайтов, таких как Google, Facebook, YouTube и многих других ... Я думаю, что это излишне, если вам нужно это только для задачи, с которой мы здесь имеем дело.
Ни один из вышеперечисленных не будет работать с 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_
Ну, я должен сказать, что решение, данное @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;
}
Откройте about:config и измените значение browser.display.background_color на выбранный вами цвет. Я использую # 595959 (нейтральный серый).
Это работает с пустой вкладкой или "Firefox Home".
К сожалению, быстрое открытие вкладки или когда браузер находится под большой нагрузкой, все равно приведет к белой вспышке.
Если вы не знаете, как использовать about:config, прочитайте https://support.mozilla.org/en-US/kb/about-config-editor-firefox.
Мне нравится опция 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; }