Create themes with JunkMail ICONS - How To

[drosoph]

Since a few buds asked me how to add the new JunkMail icons to the theme packs .. Figured I'd send it out to everyone ..

Make sure to put the six junkmail gifs in your JAR file (you can snag them from the Modern skin if you dont have any madeup)


put the following in your THREADPANE.css
/* ..... junkStatus column ..... */

treecol.junkStatusHeader {
list-style-image: url("chrome://messenger/skin/icons/message-junk-other.gif");
}

treechildren:-moz-tree-image(junkStatusCol) {
list-style-image: url("chrome://messenger/skin/icons/message-junk-unknown.gif");
}

treechildren:-moz-tree-image(junkStatusCol, junk) {
list-style-image: url("chrome://messenger/skin/icons/message-junk-other.gif");
}

treechildren:-moz-tree-image(junkStatusCol, notjunk) {
list-style-image: url("chrome://messenger/skin/icons/readcol-read.gif");
padding-left: 0px;
padding-right: 4px;
}


put the following in primaryToolbar.css
#button-junk{
list-style-image: url("chrome://messenger/skin/icons/junk.gif");
}

#button-junk:hover {
list-style-image: url("chrome://messenger/skin/icons/junk-hov.gif");
}

#button-junk:hover:active {
list-style-image: url("chrome://messenger/skin/icons/junk-act.gif");
}

#button-junk[disabled="true"] {
list-style-image: url("chrome://messenger/skin/icons/junk-dis.gif");
}


Put the following in accountCentral.css

#JunkSettingsMail {
list-style-image: url("chrome://messenger/skin/icons/acct-filters.gif");
}

#JunkSettingsNews {
list-style-image: url("chrome://messenger/skin/icons/acct-filters.gif");
}

--
Andrew J. Perry

[mozDude]

Thanks for that drosoph! That was helpful