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 use browser.display.background_color as per your own color setting in webpage

  • 10 replies
  • 1 has this problem
  • 9 views
  • Last reply by JunaidAzam

more options

Hi,

I want to know is there any way to change background color or change the color value of the variable "browser.display.background_color" when a certain webpage load/open in the firefox. E.g. I have a page abc.html, when i opened this page it background color automatically changed according to my own which i set or which i want. Similarly for all of the others web pages? Or is there any way, i can use "browser.display.background_color" variable in my web page which change its background color? Any help??? Thank you.

Hi, I want to know is there any way to change background color or change the color value of the variable "browser.display.background_color" when a certain webpage load/open in the firefox. E.g. I have a page abc.html, when i opened this page it background color automatically changed according to my own which i set or which i want. Similarly for all of the others web pages? Or is there any way, i can use "browser.display.background_color" variable in my web page which change its background color? Any help??? Thank you.

All Replies (10)

more options

NoSquint {web link} NoSquint allows you to adjust the text-only and full-page (both text and images) zoom levels as well as color settings both globally (for all sites) and per site.

more options

Hi FredMcD,

Thank you for your feedback. I have already used this add-on. But in this add-on, there is just few selection of different colors that are on the palate under colors tab in Background check-box. Is there any way, that i can use my own hexa color value in the background colors? Or, is there any way around, i can change background color programmatically when a certain web page loads. I also tried config manager but in that can i have to go to about:config that change the background color hexa value every time for different pages.

more options

You can modify the extensions.nosquint.colorBackground pref on the about:config page to set your preferred background color. Open about:config and search for extensions.nosquint.*

more options

There are many colors available. Any other questions should by made at the support site. Start here; https://urandom.ca/nosquint/help.php

more options
more options

Or if you don't mind writing style rules, you could use the Stylish extension or a userContent.css file.

One of the complexities is that you may be seeing primarily the background color of the body element, or it could be one of many other elements in the page, so putting together your own rules can be a little time consuming. If you find the research fun, maybe that's not a bad thing. ;-)

more options

Hi jscher2000,

Thanks for reply. I also find another add-on named "Color-Toggle". It seems better comparatively to resolve my problem while opening of different web pages where i want to change the background color as per user requirement. Meanwhile, It will be great if we still can store our color Hexa value in the background colors selection panel. Likewise, we can provide our own hexa value in the "Color-Toggle" add-on which than replace the background as per Hexa value of the color. But i want to store this value permanently so that this color will always available in the color selection. :)

more options

Hi cor-el,

I think rather to do so, if we simply do the same but for the browser.display.background_color in the about:config manager ad change its value as well. But i don't want to do it again and again using this way. Is there any other solution? Thank you.

more options

You can set an initial value via a user.js file in the Firefox profile folder.

The user.js file is read each time Firefox is started and initializes preferences to the value specified in this file, so preferences set via user.js can only be changed temporarily for the current session.

There are websites like these where you can easily test colors.

more options

Hi cor-el,

Yeah, it works fine for the selection of colors and using in user.js file. While, i also tried "Roomy Bookmarks Toolbar" add-on. it solved the problem. I simply change the look and feel of bookmarked pages as i want including background colors. Thank you. :)