Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Echekwara usoro a. Biko jụọ ajụjụ ọhụrụ ma ọ bụrụ na ị chọrọ enyemaka.

Private mode colors with CSS

  • 1 nzaghachinzaghachi
  • 1 nwere nsogbu anwere nsogbu a
  • 1 view
  • Nzaghachi ikpeazụ nke 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.
Nseta ihuenyo ndị agbakwunyere

Edeziri site na jlwally

Asịsa ahọpụtara

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.

Gụọ azịza a na nghọta 👍 1

All Replies (1)

jlwally
jlwally Jụọ onye nwe ya ajụjụ
more options

Asịsa Ahọpụtara

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.