Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

How to change color of blank white background that shows before sites load?

  • 24 Antworten
  • 4 haben dieses Problem
  • 24 Aufrufe
  • Letzte Antwort von Taffer

more options

The trick used to be to place a line in a UserChrome.css file. There was an update quite some time back and it seems Firefox doesn't even use this file anymore so I'm right back to seeing these eye-melting blank white pages on my monitor for a brief moment and then Firefox loads whatever site/page I clicked on.

Please tell me everybody isn't just living with this.

The trick used to be to place a line in a UserChrome.css file. There was an update quite some time back and it seems Firefox doesn't even use this file anymore so I'm right back to seeing these eye-melting blank white pages on my monitor for a brief moment and then Firefox loads whatever site/page I clicked on. Please tell me everybody isn't just living with this.

Alle Antworten (20)

more options

http://kb.mozillazine.org/UserChrome.css It still works, but you need to create the /chrome/ folder and the userChrome.css file nowadays.

Or use this extension which automatically creates that folder and the 3 "user files". http://webdesigns.ms11.net/chromeditp.html

more options

Thanks for replying,

Maybe you can tell me what I'm doing wrong then.

In my profile folder (C:\Users\Me\AppData\Roaming\Mozilla\Firefox\Profiles\default) I have created a folder called chrome and in that folder I created a file called UserChrome.css and in that file I have this line

browser { background-color: #000 !important; }

Unless I'm missing something or doing something wrong, I think that's what I did before to get this working.

more options

The file name should start with a lower case u

Hopefully that's the only issue.

more options

hmmm is that case sensitive? Well I'll change it and see if it works. I'll let you know if that's all there was to it. It might take me a while to notice. The blank screen doesn't always show up before loading a page.

Thank you.

more options

Ah hah I forgot about this. I've been doing a lot of night browsing again and I noticed I still get the eye melting blank page before websites load. I forgot I already made a thing about this until I stumbled on it in a search. So...

I looked at this again

browser { background-color: #000 !important; }

turns out, in the userChrome.css file I had a space before that line. Must be because I copied and pasted it that way. Woopsie!

I just got rid of that space and it looks like it worked. Now instead of a blank white page, I see a blank dark grey page (or w/e I have the background set to). Now I can stop slamming my keyboard with rage.

Geändert am von Taffer

more options

I just tried this using Chromedit but I'm still getting a while background between page loads, can you give me info on how you've fixed it? Thanks

Geändert am von paul-2014

more options

You could try the file if you want https://dl.dropboxusercontent.com/u/7822180/chrome.7z

You would have that in your Firefox profile folder.

Like this:

C:\Users\You\AppData\Roaming\Mozilla\Firefox\Profiles\default\chrome\

And in the chrome folder I have a file called userChrome.css Make sure the extension is actually css

and in that file I have this:

browser { background-color: #000 !important; }

You can change the #000 color to whatever color you want using a color hex code.

more options

Tried that but it didn't work, I'm able to add other css instructions to hide and show other chrome items so it seems that I'm editing the correct file but the browser background color remains while.

I'm running the latest update.

Any other ideas? Thanks

more options

I got a buddy to try it a little while back and he says it works. Got rid of the awful white. We are talking about the same thing here correct? The blank page that sometimes shows before a page loads?

Anyway, if that didn't work, I don't know have any other ideas. Sorry.

more options

Yes, that's exactly what I want to do, let me post some screenshots.

Geändert am von paul-2014

more options

Here it is, attached.

more options

I normally use an addon called color toggle. Even though the background color should be black, it's actually the sort of gray I set color toggle to.

Anyway, I put normal color back on and I tried going to a lot of different website to make sure it still works properly and it looked like it wasn't! I changed the color and now it's working again.

Try a different color, like #004444

I don't know why #000 didn't work (maybe it needs more 0s, I don't know heh). My friend said he changed it because he didn't like the black of 000, so I should still have shown black.

Regardless, does changing the color fix it for you?

Geändert am von Taffer

more options

Wait wait, now I'm getting confused. I keep trying to get the blank page to make sure it's working. It looks like it stopped working again. ... It was working though, I don't understand.

Geändert am von Taffer

more options

Yep, looks like things have changed on the latest Firefox releases, I'm trying to setup the browser for a public kiosk and this white background between the pages could be improved to blend with the system.

I'm still goggling and trying, let me know if you figure out first.

more options

I think the browser{background-color} only appears during the brief delay before a page is loaded. For example, if you load a new tab (Ctrl+t) you should see a flash of the browser{background-color} before it loads. I also see it opening the bookmarks sidebar (Ctrl+b). (I'm testing with red, so it's pretty obvious.)

The about:blank page doesn't seem to have that kind of delay so I don't see a flash of browser{background-color} loading it, just the usual white background of about:blank.

To color the background of the about:blank page, you could try this rule in userContent.css:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:blank") {
  body {
    background-color: #888 !important; /* 50% gray */
  }
}

(Note: it's not part of the user interface, so that's why userContent.css instead of userChrome.css)

more options

Interesting, it still works for my friend. We both have the latest version of Firefox. We are trying to find out why his works and mine doesn't.

more options

We can't figure out why my friend doesn't have this problem. The only thing he has done is

browser { background-color: #191919 !important; }

in the userChrome.css . It works perfectly for him as it used to for me.

Anyway jscher2000, that userContent.css seems to work. At least, it's definitely gotten rid of the white I see when I load a session. I think I'm still seeing a flash of white from casual browsing, but I'm not sure.

It used to be that even with color toggle (changed site colors), I needed that background change in userChrome.css or else I'd have the white page. It doesn't work that way anymore for some reason. Now color toggle itself is changing the white page to it's background color setting (which is why I thought everything was still working).

I'm thinking about reseting/reinstalling my browser. Not just over this but another problem I am having where the browser pauses for a moment after I save an image file.

Geändert am von Taffer

more options

I am now using a fresh install of Firefox, new profile and all. The userChrome thing still doesn't work for me.

Changing the about:blank color like above helps get rid of some white, namely what I see when I load a session.

Just browsing the web and opening sites however, still gives me the white before a page loads. The only way to avoid that is to change the pages background color, which is conveniently done with the 'color toggle' addon. I wish The white didn't exist under 'normal' colors though.

more options

Try this code in the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

browser {background-color:#f0f0f0!important}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

more options
  1. 1
  2. 2