Firefoxの新しいタブの背景を変更する

Firefoxに含まれているダークペルソナテーマまたはデフォルトのコンパクトなダークテーマを常に使用していますが、新しいタブを開いたときにデフォルトの背景色が白になるのは嫌です。新しいタブをカスタマイズするために使用したアドオンがありましたが、Firefox 57でなくなりました...

だから、新しいタブの背景を変更するにはどうすればよいですか？

これは他の人にも興味があると思います。これを達成するためのいくつかのアドオンと、アドオンなしで行う方法を知っています（多くのアドオンは日々消えつつあるようです）。

1. about：newtabのカスタマイズ（下記のポイント3をご覧ください）

   これはタスクの特定のアドオンです。背景色を変更できるだけでなく、背景画像を選択し、必要に応じてサイズを変更して整列させることもできます。

2. スタイリッシュ（下記のポイント3をご覧ください）

   Stylishは、幅広い機能を備えたアドオンです。Google、Facebook、YouTubeなど、多くの人気Webサイトのテーマとスキンを管理/インストールする限り、Firefox自体をカスタマイズできます...ここで扱っているタスクにのみ必要な場合はやり過ぎだと思います。

3. 上記のいずれも、制限が追加されているため、Firefox 57では動作しません。スタイラスとFirefox 57の新しいタブページには、次のメッセージが表示されます。

   セキュリティ上の予防措置として、ブラウザーは拡張機能がその組み込みページ（chrome：// version、Chrome 61の標準の新しいタブページ、about：addonsなど）および他の拡張機能のページに影響を与えることを禁止しています。各ブラウザは、独自の拡張ギャラリー（Chrome Web StoreやAMOなど）へのアクセスも制限します。

   それでは、アドオンを脇に置いて、手を汚しましょう！

   このためにアドオンを使用したくない場合がありますが、この場合の対処方法は次のとおりです。

   • about:profilesFirefoxのアドレスバーに書き込み、Open Folderカスタマイズするユーザープロファイルの「ルートディレクトリ」に対応して選択します（通常は1つだけです）。

   • ここまでで、プロファイルのルートフォルダーが開かれているはず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」で機能します。

悲しいことに、タブをすばやく開いたり、ブラウザの負荷が高い場合でも、白いフラッシュが発生します。

about：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のオプションが好きですが、Googleの背景やこれらのサイトの背景を変更したくない場合、ブラウザのデフォルトの背景を使用するものは次のように最後の3行を変更します：

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