Avatar for Username

Mozilla Destek’te Ara

Destek dolandırıcılığından kaçının. Mozilla sizden asla bir telefon numarasını aramanızı, mesaj göndermenizi veya kişisel bilgilerinizi paylaşmanızı istemez. Şüpheli durumları “Kötüye kullanım bildir” seçeneğini kullanarak bildirebilirsiniz.

Learn More

Bu başlık arşivlendi. Yardıma ihtiyacınız varsa lütfen yeni bir soru sorun.

Private mode colors with CSS

  • 1 yanıt
  • 1 kişi bu sorunu yaşıyor
  • 109 gösterim
  • Son yanıtı yazan: jlwally

jlwally
jlwally
more options

Hello,

I've changed the background color on the private tabs/windows with this CSS: 

@-moz-document url(about:privatebrowsing){
 html.private{
  background-color: #2B2A33 !important;
  --in-content-page-color: gray !important;
}

I would like to make the "background-color" to be the same as the window background without hardcoding it, so it always match the theme, ie: 

 background-color: <window.background> !important;

I would like to do the same with the background color of the search box in the private mode window, but I can't find the id.

Regards.

Hello, I've changed the background color on the private tabs/windows with this CSS: <pre> @-moz-document url(about:privatebrowsing){ html.private{ background-color: #2B2A33 !important; --in-content-page-color: gray !important; }</pre><br> I would like to make the "background-color" to be the same as the window background without hardcoding it, so it always match the theme, ie: <pre> background-color: <window.background> !important;</pre><br> I would like to do the same with the background color of the search box in the private mode window, but I can't find the id. Regards.
Ekli ekran görüntüleri

jlwally tarafından tarihinde düzenlendi

Seçilen çözüm

Solved it myself. Attached is an image with the result. 

@-moz-document url(about:privatebrowsing){
 html.private{ background-color: #2B2A33 !important; } /* back color */
 html.private div.showSearch button.search-handoff-button { 
  background-color: #42414D !important; } /* search box back color */
 html.private div.showPrivate div.info { display: none !important; } /* hide bottom panel */
}

Had to hardcode the colors but will do for now.

Regards.

Bu yanıtı konu içinde okuyun 👍 1

Tüm Yanıtlar (1)

jlwally
jlwally Sorunun sahibi
more options

Seçilen çözüm

Solved it myself. Attached is an image with the result. 

@-moz-document url(about:privatebrowsing){
 html.private{ background-color: #2B2A33 !important; } /* back color */
 html.private div.showSearch button.search-handoff-button { 
  background-color: #42414D !important; } /* search box back color */
 html.private div.showPrivate div.info { display: none !important; } /* hide bottom panel */
}

Had to hardcode the colors but will do for now.

Regards.