web-dev-qa-db-ja.com

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

私はいつもFirefoxに含まれている暗いペルソナのテーマかデフォルトのコンパクトな暗いテーマを使います、そして新しいタブを開いたときにデフォルトの背景色が白になるのは好きではありません。私が新しいタブをカスタマイズできるアドオンがありましたが、Firefox 57ではなくなりました。

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

15
danicotra

私はこれが他の人たちにも利益をもたらすかもしれないと思います。これまでのところ、私はそれを達成するためのいくつかのアドオンとアドオンなしで行う方法を知っています(それらの多くは日ごとに消えつつあるようです)。

  1. カスタマイズ:newtab (下記のポイント3をご覧ください)

    これはタスクのための特別なアドオンです、それはあなたが背景色を変えるだけでなく背景画像を選んでみましょうそしてまたあなたが好きなようにそれをサイズ変更して整列させましょう…いいね!

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

    スタイリッシュは、幅広い機能を備えたアドオンです。グーグル、フェイスブック、ユーチューブ、その他多くの人気ウェブサイト用のテーマやスキンを管理/インストールする限り、Firefox自体をカスタマイズすることができます。 。

  3. 上記のどちらもFirefox 57では制限が追加されているため動作しません。 Firefox 57の新しいタブページのStylusはこのメッセージを表示します:

    セキュリティ上の予防措置として、ブラウザは拡張機能が組み込みページ(chrome:// version、Chrome 61以降の標準の新しいタブページ、about:addonsなど)や他の拡張機能のページに影響を与えないようにします。各ブラウザは、独自の拡張機能ギャラリー(ChromeウェブストアやAMOなど)へのアクセスも制限します。

    それで、アドオンを脇に置いて、私たちの手を汚しましょう!

    あなたはこれのためにアドオンを使いたくないと決めるかもしれません。

    • firefoxのアドレスバーにabout:profilesを書いて選択 Open Folder カスタマイズしたいユーザープロファイルの「ルートディレクトリ」(通常は1つだけ)に対応して。

    • これで、プロファイルのルートフォルダが開いたはずです(まだ存在していない場合)、chromeという名前の新しいフォルダを作成します。

    • chromeフォルダー内にuserContent.cssという名前の新しいファイルを作成し(まだ存在していない場合)、その中に次のコードを挿入します。

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

    もしあなたがCSSに慣れることができれば、あなたが望むならば背景画像を設定するためにいくつかのコードを追加することもできます(私は結局CSSと同じフォルダーに画像を置くことを勧めます)。

    カスタマイズを適用するにはFirefoxを再起動する必要があるかもしれません。

    この最後のポイントのクレジットは DIENER _になります。

24
danicotra

さて、私は@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
psychoslave

about:configを開き、値browser.display.background_colorを選択した色に変更します。 #595959(ニュートラルグレー)を使用しています。

これは空白のタブまたは "Firefox Home"で動作します。

残念ながら、タブをすばやく開いたり、ブラウザの負荷が重いときに、まだ白いフラッシュが発生することがあります。

About:configの使い方がわからない場合は、 https://support.mozilla.org/en-US/kb/about-config-editor-firefox を読んでください。

1
gagarine

テレメトリを回避するために about:blank または about:newtab toに直接開くと、userContent.cssのスタイルルールが適用されない場合があります。あなたはまだ完全に白いページを見てしまうでしょう。

これを回避するには、Firefoxの起動時に-new-window CLIフラグを追加して、それを使用してローカルファイルシステムのページを表示します。たとえば、黒い背景が必要な場合は、次のようにします。

  1. 次のデータURIを使用してHTMLページを作成して保存します。

    data:text/html,<html style="background:black">
    
  2. Firefoxを起動したら、保存したファイルを新しいウィンドウで開きます。

    /usr/bin/firefox -new-window file:///home/dekjos/goblack.html
    

あなたがより多くの背景に興味があるならば、提供されたソースをチェックしてください。

出典:Firefoxの死のタブを埋める

0
Josh Habdas