Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

When a page doesn't load immediately, Chromium and every other browser I tried display a white screen before they get a response from it:

enter image description here

Even though chrome://settings/personal says it's using the GTK+ theme - in my case it's Darklooks, which has a dark background:

enter image description here

Is there a way to avoid this in Chromium? Or, if there isn't, is there a browser that does not have this "issue"?

share|improve this question
    
Your page looks really blurry too! –  Greg Jan 20 at 16:13
    
For Firefox, you can change the value of browser.display.background_color to a darker color (#333). Also try adding browser { background-color: #333 !important; } and tabbrowser tabpanels { background-color: #333 !important} into userChrome.css. –  muntoo May 10 at 5:46
add comment

3 Answers

For Google Chrome and Chromium, you are probably a victim of Issue 1373: Navigating dark background websites results in blinding white flashes between pages.

There's a hack to minimize, but not totally eliminate, your misery described in comment 261:

As a temporary fix, I set the custom user stylesheet to render pages with a black background so that before it receives styling information from the website it renders the window black instead of white, and now it flashes black instead, which is much more bearable on the eyes until a permanent solution is made.

The hack involves adding the following lines to your Custom.css which is located in User Stylesheets in your Default folder. In my case, the path is ~/.config/chromium/Default/User Stylesheets.

html, body{
background-color:#000000; //This sets the background color to black
color:#0000FF; //This sets the text to blue, so you can read it on webpages set to use defaults; white is too hard on my eyes and if you dont put this it will be black on black
}

As for Firefox, I use the following code in userChrome.css located in ~/.mozilla/firefox/profile_name/chrome:

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*prevent white flash*/
tabbrowser tabpanels { background-color: #111 !important}

If the chrome folder doesn't exist, create it. Note that both chrome and userChrome.css are case-sensitive.

share|improve this answer
add comment
up vote 1 down vote accepted

Nice workaround vasa1, the white flashes are gone. But the background of some websites turns black, which is a bit ugly:

enter image description here

So I adapted that CSS and ended up with:

html:not(:hover), body:not(:hover){
    background-color:#000000;
}

This means that when the cursor is not over the page, the background is set to black - when you click on the new tab button, the cursor is not over the page, so a black background will flash instead of a white one. When you hover the cursor over the page (when you're reading it) the black background is then forgotten, and the website's one is used instead:

enter image description here enter image description here

share|improve this answer
    
Great! See if you can add it to the list of comments there (issue1373). I suspect you may not because they seem to have restricted comments: Only users with EditIssue permission may comment. :( –  user151227 May 12 '13 at 2:21
    
And when I tested Midori (also WebKit) a year ago, it didn't flash white! I don't know how it is now. I left Midori because it wasn't as customizable and crashed (for me) or some important pages. –  user151227 May 12 '13 at 2:24
add comment

Nice one, it works on history. Best thing is to take the original code and change the text to a light color. The second code didn't work, here is one:

This page explains how to change the color flash using a JS

Chrome flashes black screen when using css transition rotate

share|improve this answer
    
I re-installed chrome and now the fix doesnt work anymore, i still have "user stylesheets/custom.css" file that worked previous to the install, but it's flashing white and history page is white again. anyone know why? –  ufomorace Mar 4 at 2:39
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.