Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

zebra stripes

  • 16 replies
  • 2 have this problem
  • 6 views
  • Last reply by Zenos

more options

I want to get the zebra stripes back on TB31. is there a Theme or an Add-on that does this and supports the newest TB-31?

I was instructed by one of the moderators to manually ADD snippets of code to the optional UserChrome.css file in the Chrome directory in my profile. however, I did not find any Chrome directory in my profile and the link : http://kb.mozillazine.org/Zebra_striping seems to be more than 7 years old please provide a simpler solution to NON-TECHIES !

I want to get the zebra stripes back on TB31. is there a Theme or an Add-on that does this and supports the newest TB-31? I was instructed by one of the moderators to manually ADD snippets of code to the optional UserChrome.css file in the Chrome directory in my profile. however, I did not find any Chrome directory in my profile and the link : http://kb.mozillazine.org/Zebra_striping seems to be more than 7 years old please provide a simpler solution to NON-TECHIES !

All Replies (16)

more options

Unless it has changed drastically, this theme should have the zebra stripes:

The author had problems uploading it to the addons site, which is why you have to get it at his site.

more options

I have tried it. Noia 2.0 is not compatible with TB31


perhaps I should downgrade to older versions of TB to enjoy these luxuries. in a nutshell, It is a mistake to press a button and automatically update the TB.

more options

Well perhaps if you copied and pasted what I gave you, or asked a follow up question you would have it working now. Like if you don't have the folder and file create them.

more options

I am sorry MATT, no disrespect. I did not know how to reply back without loging in again. now I know! Thank you for pinpointing "Zebra Stripes".

I have your instructions, its just that such a directory or sub-folder by the name od CHROME does not exist in my profile folder. I am not even sure if I am looking at the right place! computer > Data (D) > Thunderbird > Profiles > nc50ech6.default > Should I create a new subfolder named CHROME ?

more options

yes and then open notepad and paste in the code bits from the page and save that as userChrome.CSS in the chrome folder

more options

Matt, it still does not work. my Thunderbird > Profile folder now has 2 subfolders and nothing else. One of them is CHROME which I created . within Chrome subfolder, I made the file "UserChrome.CSS" which is the long code for adding Zebra Stripes. the other folder in my profile is "nc50ech6.default" which contains 4 subfolders including "Mail" and "extensions" as well as 34 other files. 2 of the files are for Config setting. BEN

more options

close but no cigar :)

computer > Data (D) > Thunderbird > Profiles > nc50ech6.default > Chrome >

Is the location for the userchrome file. When you gave that path earlier I thought you had it.

Your profile folder is nc50ech6.default just in case it ever comes up again. It is also the thing to ensure gets backed up so your mail does not get lost if your computer crashes.

more options

Matt, still no Cigar ! I did everything word by word. Perhaps I should wait for someone to create a new update to NOIA and then I get my Zebra Stripes

more options

BTW / I did shut down and re-start the entire computer in case !

more options

I think it must be chrome, not Chrome.

And perhaps userChrome.css.

Whilst Windows may not pay much heed to uppercase vs lowercase, Thunderbird runs on two other patforms where these differences do matter.

Modified by Zenos

more options

I just renamed the folder from Chrome to chrome and re-started. No Change. Still a no go. The file's name remains as what both of you mentioned.

more options

Well, I have TB31 here and it all works, and I've shown you the relevant folder and files in my profile.

Here's the segment of my userChrome.css that appears to be responsible for the stripes:

/* add zebra striping */
treechildren::-moz-tree-row(odd) {
  border: 1px solid transparent !important;
  background-color: #FFFFFF !important;
  min-height: 18px !important;
  height: 1.3em !important;
}

treechildren::-moz-tree-row(even) {
  border: 1px solid transparent !important;
  background-color: #e0e0e0 !important;
  min-height: 18px !important;
  height: 1.3em !important;
}

treechildren::-moz-tree-row(selected) {
  /* background-color: -moz-Dialog !important; */
  background-color: #9bffa4 !important;
}

treechildren::-moz-tree-row(selected, focus) {
  /* background-color: Highlight !important; */
  background-color: Highlight !important;
}

treechildren::-moz-tree-row(current, focus) {
  border: 1px dotted #000000 !important;
}

treechildren::-moz-tree-row(selected, current, focus) {
  border: 1px dotted #C0C0C0 !important;
}

tree[selstyle="primary"] > treechildren::-moz-tree-row {
  border: none !important;
  background-color: transparent !important;
}
more options

userChrome.css

(.css in lower case) this file inside a Folder a created by the name "chrome" and insert it in the same folder that has my "mail" folder in it. computer > Data (D) > Thunderbird > profiles > nc50ech6.default > chrome

more options

You have the xul magic incantation?

First line of your userChrome.css must be:

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

no, I copy and paste whatever you gave me first line is

/* add zebra striping */

more options

Please understand that editing the css files is viewed as advanced and the guidance assumes that you have a certain minimum level of knowledge.

This page:

http://kb.mozillazine.org/UserChrome-example.css

explains the namespace thing.