Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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
up vote 4 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

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .