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

How to change viewport background color?

  • No replies
  • 0 have this problem
more options

If letterboxing (anti-fingerprinting) is used or when a webpage is smaller than the window (such as in about:config), Firefox fills in the rest of the window using a dark gray. I want to make it completely black.

This is what I currently have in my userContent.css

```CSS @-moz-document url-prefix("about"), url-prefix("chrome"){

 body{ background-color: rgb(0 0 0) !important };
 .sticky-container{ background-color: rgb(0 0 0) !important };
 #toolbar{ background-color: rgb(0 0 0) !important };

}@-moz-document url-prefix("about"), url-prefix("chrome"){

 body{ background-color: rgb(0 0 0) !important };
 .sticky-container{ background-color: rgb(0 0 0) !important };
 #toolbar{ background-color: rgb(0 0 0) !important };

} ```

If letterboxing (anti-fingerprinting) is used or when a webpage is smaller than the window (such as in about:config), Firefox fills in the rest of the window using a dark gray. I want to make it completely black. This is what I currently have in my userContent.css ```CSS @-moz-document url-prefix("about"), url-prefix("chrome"){ body{ background-color: rgb(0 0 0) !important }; .sticky-container{ background-color: rgb(0 0 0) !important }; #toolbar{ background-color: rgb(0 0 0) !important }; }@-moz-document url-prefix("about"), url-prefix("chrome"){ body{ background-color: rgb(0 0 0) !important }; .sticky-container{ background-color: rgb(0 0 0) !important }; #toolbar{ background-color: rgb(0 0 0) !important }; } ```
Attached screenshots

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.