GMail Professional skin

By jbmarteau Last update Mar 4, 2010 — Installed 20,007 times. Daily Installs: 22, 22, 14, 26, 23, 17, 25, 18, 16, 19, 22, 34, 15, 24, 15, 29, 87, 61, 48, 63, 60, 78, 48, 73, 50, 91, 60, 41, 37, 50, 23

Link Color Issues

Subscribe to Link Color Issues 14 posts, 2 voices

sjb User

hello jbmarteau -

thanks for the great script.

i'm hoping you'll be able to help me resolve an issue related to the colors of the links ... see the screenshot here - http://amlmedia.com/sheenscrot.jpg

the main nav link color is too close to the background color of this theme ... i understand how to change that, however, when i change it to white (which is the best color in this situation, obviously), it ALSO changes the links in the email body to white ... which presents a massive problem - they are not readable.

how can i have the nav link color white, and the email body link color the original blue color you customized?

please advise.

best -

/s

 
jbmarteau Script's Author
Hi sjb,

At the beginning of the script, find /* DEFAULTS FOR ALL LINKS */ a:link, a:visited, .link { color: #336699 !important; text-decoration: none !important;} and remove .link
It should allow to display the "default" left menu for each theme. However if you choose the "default" theme you will have now the left menu underlined.
Thats'all!

Thank you for your report and for downloading my script! Don't forget to join the list of fans!
 
sjb User

consider me a fan. =)

what I'd like to do, is make the link text on the left nav white, and leave the body links 336699. is this possible? i don't want the nav links underlined on non-mouse-over, either.

 
jbmarteau Script's Author
Well in fact what you want to do is dependent of the theme you have chosen. In your screenshot I guess it is the "Shiny" theme and by default the left menu is in white-color. So in fact to remove .link is only a "hijack" to have a white menu but I've try it and it seems to work and leave other links in 336699 (if not please do an other screenshot please).
Unfortunately, and I don't know exactly why, I've not found how to change the color of the font of the left menu to be able to choose the color you want (I try to find).
It is the same trouble with "compose mail" and "Contact" items which are underlined.
Please tell me exactly the theme you use and I will work on this basis! +
 
sjb User

thanks again ...

here's a bit of a different issue now, and should be pretty easy for you to advise how to clean up ...

check out my new screenshot here: http://amlmedia.com/sheenscrottwo.jpg

i've implemented only two things here - your script, and the new add-on from globex: http://www.globexdesigns.com/gr/

i'd like to be able to take care of the three highlighted areas in the screenshot ... one, get rid of the spam link entirely, two, nudge the label locations up so they are aligned with the top of the mail properly, and three, remove the background of the buttons in the upper right (which i think are your backgrounds) ...

can you advise how to make these modifications to the script?

as you can also see, the font colors have taken care of themselves with the addition of this add-on.

if we can fix those bugs above, i think i'll have a very cool gmail application finally. =)

best!

/s

 
sjb User

i just noticed a couple other things ...

the labels should maybe be nudged DOWN slightly ... and then, the button links in the upper right could move UP to be vertically aligned with the upper-left labels.

what do you think?

 
jbmarteau Script's Author
Hi sjb,

Please download this modified script of Gmail in Blue:
http://tinyurl.com/c5t2fq
 
sjb User

thanks very much, jbmarteau!

the fixes i mentioned are implemented - it is nearly perfect!

an additional question: what's the easiest way to UNHIDE the chat section?

very best.

/s

 
jbmarteau Script's Author
Hi sjb!

To remove the chat item in the left menu:
/* REMOVE CHATS ITEM */ .nH.qj > div > div:first-child + div +div {display: none !important;}

To remove the chat box:
/* HIDE CHAT AND INVITE BOXES */ .nH.s, .nH.pY {display: none !important;}

++
 
sjb User

got it! thank you!

seems there's a couple new things out of place due to a gmail update ... have you noticed this? if not, would you like me to send a screenshot?

 
jbmarteau Script's Author

Hi sjb!
yes, please send me a screenshot of the changes you have observed!
TIA,

 
sjb User

jbmarteau -

please see http://amlmedia.com/sheenscrotthree.jpg ... i believe there is really only one area that is "messed up" right now, as you'll see, and it also is displayed exactly this way in the main inbox view as well.

i believe everything else is fine.

please let me know if you'd like to see any other views.

best,

/s

 
jbmarteau Script's Author
Hi sjb!

If you want to move on top the storage information you should decrease the number of pixel 76px to 66px or less...

/* MOVE INFO STORAGE TO TOP */ .mj {position: absolute !important; right: 10px !important; top: 76px !important; color: #336699 !important;}
 
sjb User

wow - 66 is the PERFECT number.

it worked well. thank you, again!

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel