Зміна нового фону вкладки Firefox


22

Я завжди використовую темну персональну тему або компактну темну тему за замовчуванням, яка постачається в комплекті з Firefox, і мені не подобається, що колір тла за замовчуванням є білим, коли я відкриваю нову вкладку. Я використовував додаток, який я використав, і який дозволив мені налаштувати нові вкладки, але тепер він перейшов з Firefox 57 ...

Отже, як я можу змінити новий фон вкладок?


Темна тема для Firefox overdodactyl.github.io/ShadowFox
Josh Habdas

Відповіді:


28

Я думаю, що це може зацікавити й інших. Поки я знаю пару адонів, щоб досягти цього і спосіб обійтися без аддонів (оскільки, здається, багато з них зникають з кожним днем), ось ми підемо далі:

  1. Налаштуйте: newtab (див. Пункт 3 нижче)

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

  2. Стильний (див. Пункт 3 нижче)

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

  3. Жодне з перерахованого вище не працюватиме з Firefox 57 через додаткові обмеження . На новій вкладці Firefox 57 на новому вкладці відображається це повідомлення:

    В якості запобіжних заходів браузер забороняє розширенням впливати на вбудовані сторінки (наприклад, chrome: // версія, стандартна нова сторінка вкладок у Chrome 61, about: addons тощо), а також на інші сторінки розширень. Кожен браузер також обмежує доступ до власної галереї розширень (наприклад, веб-магазин Chrome або AMO).

    Отже, залишимо аддони осторонь і забруднимо руки!

    Ви можете вирішити, що не хочете використовувати для цього аддон, тож у цьому випадку ось що робити:

    • напишіть about:profilesу адресний рядок Firefox і виберіть Open Folderвідповідно до "Root Directory" профілю користувача, який ви хочете налаштувати (зазвичай там є лише один);

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

    • створіть (якщо його вже немає) новий файл, названий userContent.css всередині chromeпапки, і введіть у нього наступний код:

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

    Якщо ви можете перемикати з CSS, ви можете також додати якийсь код, щоб встановити фонове зображення, якщо вам подобається (я пропоную зрештою помістити зображення в одну папку з CSS).

    Можливо, вам доведеться перезапустити Firefox, щоб застосувати налаштування.

    Кредити за цей останній пункт припадає на DIENER_


3
Для того, щоб зробити те саме на about:blankсторінці Firefox, ви можете звернутися до цього іншого запитання і запитань: superuser.com/questions/603218/…
danicotra

3
Бонусні бали (якщо я міг) за сумісний метод Firefox 57+.
japzone

Оновлення-коментар: Переконайтеся, що ви не пропустите це нове та дивовижне розширення Firefox: Tabliss чудово працює! (Доступно і для Chrome )
danicotra

Ще одне хороше веб-розширення для FF для досягнення мети тут: Новий вкладку Override
danicotra

1
Не працює у Firefox 67
Володимир Йованович

7

Відкрийте about:configта змініть значення browser.display.background_colorна обраний колір. Я використовую # 595959 (нейтральний сірий).

Це працює з порожньою вкладкою або "Домашня сторінка Firefox".

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

Якщо ви не знаєте, як користуватися про: config, прочитайте https://support.mozilla.org/en-US/kb/about-config-editor-firefox


Не працює у Firefox 67
Володимир Йованович

Це працює для мене на Firefox 67.0.4 (64-бітний) в Arch Linux. Однак рішення не є ідеальним через білий спалах, як описано у відповіді.
Кейсі Джонс

1
Працює в Firefox 71
Edwin

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

2
Майже працююче рішення для порожнього спалаху reddit.com/r/firefox/comments/6s2l0w/…, але деякі білі елементи все ще можуть спалахнути під час завантаження сторінки.
psihoslave

0

Гаразд, грунтуючись на відповідях психослава та данікотри, я вирішив, що для мене працює рішення (моя мета полягала в тому, щоб фонове зображення було на новій сторінці вкладки, яку я встановив 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 .


-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; }
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.