GMail Button Colors

GMail Button Colors
15
*****
By Paulfox
Last updated Oct 29 2007
23 installs this week, 2379 total.

****************
Important Update:
As of October 29th 2007: Oh oh. There are, as of today, TWO Versions of GMail. To get these button colors, you will have to select "Older Version" in the top right corner. The "New" Version has changed all button element types (class) to ".BuNwUe" and the only delineation is "textContent: "Archive" for example. So unless you select "Older Version," this script will either fall by the wayside or I'll update it if possible when I have some time.

Addendum 8:15PM PST - after 3 hours, I've managed to fix Bold Label Names and some Red Bold Text for Compose, Contacts, etc. I've found some possible solution(s) for these button colors involving "nodeValue," and will work on this more later this evening.

This may not be an issue for some of you, but I believe GMail will be updating for all users within next couple of days. The GREAT news is . . . you've got another 1.5GB of storage, and the functionality is MUCH improved - they did a great job. Contact photos are larger, and the contacts page is much more intuitive and editable! Woo Hoo! Go Google/Gmail.
****************

I compiled my scripts for RED "Delete/Discard/Delete Forever," GREEN "Send and Compose," YELLOW "Archive & Save Now" and BLUE "Move to Inbox" all into one script. Added Search Button Colors and "SPAM/Not Spam" Oct 14th. Combined with my "bold label names" it makes navigating GMail easier and more intuitive, and you're less likely to hit the wrong button or miss a label when combing through a lot of mail.

PLEASE NOTE that 3rd line from bottom removes the "search web" button. I swear by Google & GMail, but don't search mail from my GMail so I don't have it. If you WANT the Search Web Button, eliminate "input[value*="web"] {display: none !important; }"

Screenshot

Install options

Feedback

Reviews

dsjkvf said on Nov 14 2007

doesn't work with Gmail 2.0? *****

FreeBee said on Nov 01 2007

Ah, color coding for important buttons! Very good idea! Thanks
*****

frederick szczepanski said on Oct 04 2007

Works great. A+ Script. *****

ChoGGi said on Jul 27 2007

more button colours

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(mail.google.com){
button,input{font-weight:bold!important}
/*red*/
#pop button[class="ab h"],div[style$="background-color: rgb(224, 236, 255);"] input.s,.tl .c>input[value="Cancel"],button#ac_dd,button#ac_xst,button#cf_c,button#mt_nor,button#ac_dcal,button#ac_dl,button#ac_tr.ab,button#dc.ab,button#tclm_dcl,button#x{color:white!important;background:#DB2929!important}
/*green*/
button#ivsendbtn,div[style$="background-color: rgb(224, 236, 255);"] input[name="ac"],.tl .c>input[name="ac"],button#sv,button#plb,.pr button[id^="ps"],button#ac_cc,button#ac_us,button#cc.ab,button#snd,button#tclm_ccl{color:white!important;background:#009933!important}
/*blue*/
#pop button[class="ab a"],#cp_r form>button,#as_f button:not([id]),button#cf_c+button,button#ac_ib,button#tclm_rcfl{color:white!important;background:#0000FF!important}
/*yellow*/
button#chc,button.mxn,button[id*="ac_rc_"],button#d{color:black!important;background:#FFFF00!important}
button#ac_sp{color:white!important;background:black!important}
.ct{color:blue!important;font-family:verdana!important;font-size:9pt!important;font-weight:bold!important}
input[value*="Search"]{background:purple!important;color:white;font-weight:bold}
#roster_filter{background:white!important;color:black!important;font-weight:normal!important}
#nctl{color:red!important;font-family:verdana!important;font-size:13pt!important;font-weight:bold!important}
} *****

ukegirl said on Jan 09 2007

Well done! *****

cha said on Nov 25 2006

*****

luke said on Nov 05 2006

*****

Disco Smurf said on Apr 30 2006

much improved, thanks Paul. *****