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!

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Private mode colors with CSS

  • 1 답장
  • 1 이 문제를 만남
  • 1 보기
  • 최종 답변자: 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.
첨부된 스크린샷

글쓴이 jlwally 수정일시

선택된 해결법

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.

문맥에 따라 이 답변을 읽어주세요 👍 1

모든 댓글 (1)

more options

선택된 해결법

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.