Is it possible to have Gmail display messages in alternating colors?

Question

Is there a theme or a workaround available to display e-mails in my inbox in alternating colors (e.g. odd and even lines differ in coloring)?

erikxiv · Accepted Answer · 2012-04-20 15:45:43Z

up vote 5 down vote accepted

You can use a custom stylesheet (CSS) to do this. Just apply the styles

.zA:nth-child(2n) {
    background-color: /*even color*/ !important;
}
.zA:nth-child(2n+1) {
    background-color: /*odd color*/ !important;
}

with colors of your choice. (The class you need to use may vary — it was y0 for me and zA for the OP.)

(Here are instructions for custom stylesheets in Firefox; other browsers may have other extensions which let you do this.)

edited Apr 20 '12 at 15:45

erikxiv
27716

answered Apr 20 '12 at 10:04

jtbandes
1738

	I found an add-on (Stylish) that allows for custom style-sheets in Firefox (URLid that the instruction link pointed to does not seem to exist anymore). The styles you mentioned did not seem to work though. I am able to change some styles so the script works, but I'd gladly accept help to find the styles required for the inbox lines. – erikxiv Apr 20 '12 at 11:08
	I found the `.y0` class by using the WebKit Web Inspector to look at the rows of the inbox. In Firefox you can use Firebug to look around and see if they are different for you. – jtbandes Apr 20 '12 at 11:09
	After updating the custom stylesheet to use the zA class, it worked! Much obliged. – erikxiv Apr 20 '12 at 11:22

1 Answer