Few tweaks for the new gmail theme (google+)

136 views
Skip to first unread message

Mike Ramia

unread,
Jul 3, 2011, 1:50:54 PM7/3/11
to minimali...@googlegroups.com
Ome basic css for the new gmail theme (matches google+) which is accessible through the gmail themes menu.

TWEAK1 - the google bar in gmail is not as dark as all the other google pages (for ex. this groups page). I like consistency.
/* Make gBar same as rest of Google */
#gbz .gbzt, #gbz .gbgt, #gbg .gbgt
  {color: #ccc;}
#gbx3, #gbx4 {
  background-color: #2D2D2D;
  opacity: 1;
}

TWEAK2 - my account activity was 2 lines and right-justified on the left side of the page. This will make it one line on the right.
/* fix account activity */
div.KkMbSe {
  left: 0;
  right: 0;
  width: 100%;
}
div.KkMbSe div.l6 > * {
  display: inline-block;
  padding-left: 6px;
}

TWEAK 3 - I hide "gmail, contacts, and tasks" from the nav. This aligns the compose button with the toolbar for a cleaner look.
/* align compose with toolbar */
div.Ls77Lb > div:first-child
  {padding-top: 14px}
div.Ls77Lb > div:first-child + div
  {display: none;}

Sarah Simpson

unread,
Jul 3, 2011, 1:56:56 PM7/3/11
to minimali...@googlegroups.com
Love these tweaks, great job! #1 was my favorite - it had been bugging me since the whole thing started.

Mike Ramia

unread,
Jul 3, 2011, 4:05:09 PM7/3/11
to minimali...@googlegroups.com
In that case, you should replace what I originally wrote with:


/* Make gBar same as rest of Google */
.gbts
  {color: #ccc !important}
.gbz0l .gbts
  {color: white !important}
#gbx3, #gbx4 {
  background-color: #2D2D2D !important;
  border-bottom: 0 !important;
  opacity: 1 !important;
}

Ansel Santosa

unread,
Jul 3, 2011, 4:06:58 PM7/3/11
to minimali...@googlegroups.com
Great stuff! I'll definitely be using tweaks 1 & 2

Sarah Simpson

unread,
Jul 3, 2011, 4:15:28 PM7/3/11
to minimali...@googlegroups.com
Thanks, works great!
Reply all
Reply to author
Forward
0 new messages