Avatar for Username

Przeszukaj pomoc

Unikaj oszustw związanych z pomocą.Nigdy nie będziemy prosić Cię o dzwonienie na numer telefonu, wysyłanie SMS-ów ani o udostępnianie danych osobowych. Zgłoś podejrzaną aktywność, korzystając z opcji „Zgłoś nadużycie”.

Learn More

Wątek został zarchiwizowany. Jeśli potrzebujesz pomocy, zadaj nowe pytanie.

Private mode colors with CSS

  • 1 odpowiedź
  • 1 osoba ma ten problem
  • 109 wyświetleń
  • Ostatnia odpowiedź od 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.
Załączone zrzuty ekranu

Zmodyfikowany przez jlwally w dniu

Wybrane rozwiązanie

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.

Przeczytaj tę odpowiedź w całym kontekście 👍 1

Wszystkie odpowiedzi (1)

jlwally
jlwally Zadający pytanie
more options

Wybrane rozwiązanie

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.