Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

Learn More

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.