Ubah latar belakang tab baru Firefox

Saya selalu menggunakan tema dark personas atau theme dark compact default yang disertakan dengan Firefox dan saya tidak suka warna latar belakang default menjadi putih ketika saya membuka tab baru. Ada add on yang saya gunakan yang memungkinkan saya menyesuaikan tab baru tapi sekarang sudah tidak ada lagi dengan Firefox 57 ...

Jadi, bagaimana yang bisa saya lakukan untuk mengubah latar belakang tab baru?

Saya pikir ini mungkin menarik minat orang lain juga. Sejauh ini saya tahu beberapa addons untuk mencapai itu dan cara untuk melakukannya tanpa addons (sepertinya banyak dari mereka menghilang dari hari ke hari), ini dia:

1. Kustomisasi tentang: tab newtab (lihat poin 3 di bawah)

   Ini adalah tambahan khusus untuk tugas ini, tidak hanya membiarkan Anda mengubah warna latar belakang tetapi juga memilih gambar latar belakang dan juga mengubah ukuran dan menyelaraskannya sesuka Anda ... bagus!

2. Bergaya (lihat poin 3 di bawah)

   Gaya adalah tambahan dengan spektrum fungsionalitas yang lebih luas; itu memungkinkan Anda menyesuaikan Firefox sendiri selama mengelola / menginstal tema dan skin untuk banyak situs web populer seperti Google, Facebook, YouTube dan banyak lainnya ... Saya pikir itu berlebihan jika Anda hanya memerlukannya untuk tugas yang sedang kita hadapi di sini .

3. Tak satu pun dari yang di atas akan berfungsi dengan Firefox 57 karena pembatasan tambahan . Stylus dengan halaman tab baru Firefox 57 menampilkan pesan ini:

   Sebagai tindakan pencegahan keamanan, browser melarang ekstensi memengaruhi halaman bawaan (seperti versi chrome: //, laman tab baru standar pada Chrome 61, about: addons, dan sebagainya) serta laman ekstensi lainnya. Setiap browser juga membatasi akses ke galeri ekstensi sendiri (seperti Toko Web Chrome atau AMO).

   Jadi, mari kita kesampingkan addon dan membuat tangan kita kotor!

   Anda dapat memutuskan tidak ingin menggunakan addon untuk ini, baik dalam hal ini yang harus dilakukan:

   • tulis about:profilesdi bilah alamat Firefox dan pilih Open Folderkorespondensi "Root Directory" dari profil pengguna yang ingin Anda sesuaikan (biasanya hanya ada satu);

   • sekarang folder root profil seharusnya sudah dibuka, buat (jika belum ada) folder baru bernama chrome;

   • buat (jika belum ada) file baru bernama userContent.css di dalam chromefolder dan masukkan kode berikut di dalamnya:

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

   Jika Anda bisa menyulap dengan CSS, Anda juga dapat menambahkan beberapa kode untuk mengatur gambar latar belakang jika Anda suka (saya sarankan untuk akhirnya menempatkan gambar dalam folder yang sama dengan CSS).

   Anda mungkin perlu memulai ulang Firefox untuk membuat penyesuaian yang diterapkan.

   Kredit untuk poin terakhir ini ke DIENER_

Buka about:configdan ubah nilainyabrowser.display.background_color dengan warna pilihan Anda. Saya menggunakan # 595959 (abu-abu netral).

Ini berfungsi dengan tab kosong atau "Beranda Firefox".

Sedihnya, membuka tab dengan cepat atau saat peramban berat masih akan menghasilkan flash putih.

Jika Anda tidak tahu bagaimana cara menggunakan: config silakan baca https://support.mozilla.org/en-US/kb/about-config-editor-firefox

Yah, saya harus mengatakan solusi yang diberikan oleh @danicotra tidak bekerja untuk tab baru, bahkan dengan Firefox 57. Namun, selama memuat halaman, flash kosong masih akan membakar mata Anda secara sistematis.

Berikut adalah proposal konten lain untuk Anda ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css, yang memang menggelapkan beberapa tempat lagi, tetapi tidak akan menyelesaikan blitz kosong yang dimuat.

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

Saya suka opsi psychoslave tetapi jika Anda tidak ingin mengubah latar belakang google atau situs-situs latar belakang yang menggunakan latar belakang default browser mengubah tiga baris terakhir seperti ini:

#root{   background: #303030 !important;   color: #b2b2b2 !important; } 

Dan di sini adalah kode lengkap, disalin dari jawaban psychoslave.

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