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.

Firefox 13.0 introduced a Most Visited Pages function to the New Tab page. Now, instead of a blank page, you can choose to be presented with a grid layout of your most visited pages.

most visited

One thing I like about this layout is the soft gray pattern used as the background. How can I apply this 'look' to the blank New Tab page as well?

share|improve this question

1 Answer 1

up vote 3 down vote accepted

Applying the following CSS using Stylish or userChrome.css will style the blank New Tab page appropriately!

window#newtab-window div#newtab-scrollbox[page-disabled="true"]
{
    background-color: rgb(229, 229, 229) !important;
    background-image: url("chrome://browser/skin/newtab/noise.png"),
                      -moz-linear-gradient(rgba(255, 255, 255, 0.5),
                      rgba(255, 255, 255, 0.2)) !important;
    background-attachment: fixed !important;
}

Before:

before

After:

after


Bonus

Since the default browser background color is white, there may be a momentary flash when you open a new tab. To minimize this effect, you can set the browser.display.background_color preference in about:config to #eef0ec. Restart Firefox for this change to take effect.

Note: This color was chosen based on averaging the Most Visited page's background to a palette of two colors. Feel free to suggest a color which minimizes the flash even further.

share|improve this answer

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.