Skip to content

Instantly share code, notes, and snippets.

@trwnh
Last active May 14, 2018 17:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trwnh/1c76e2a03fa61b9dd34ed8c727a67f32 to your computer and use it in GitHub Desktop.
Save trwnh/1c76e2a03fa61b9dd34ed8c727a67f32 to your computer and use it in GitHub Desktop.
new gmail stylus
/*sidebar (expanded)*/
.wT, .aeN {min-width: 320px !important;}
.wT { /*label list*/
background: rgba(0,0,0,0);
color: white;
}
.bsU { /*unread counter*/
background: red;
color: white;
padding: 0 0.5em;
border-radius: 4px;
box-shadow: 0px 2px 3px rgba(0,0,0,.13),
1px 2px 2px rgba(0,0,0,.1),
-1px -2px 2px rgba(0,0,0,.05);
}
/*conversation pane*/
.Zs .zA { /* each message */
/* convo list as cards */
background: #fff;
color: black;
margin: 8px;
border-radius: 2px;
box-shadow: 2px 2px 4px black;
}
.yW, .Zs .zA>.yX { /*subject lines*/
--size: 18px;
font-size: var(--size);
line-height: calc(var(--size) + 6);
}
.Zs .y2 { /* text snippet preview */
color: #666
}
/*message pane*/
.UG {background: transparent;}
.if { /*message*/
background: #fff;
padding: 1em;
margin: 1em;
/*card styling*/
box-shadow: 2px 2px 4px black;
border-radius: 2px;
}
/* action buttons */
.G-atb {background: #333;}
.Bn {color: white;}
.nH.bkL {margin-top: 8px;}
/*TeX*/
.inboxsdk__button_iconImg {filter: invert(100%);}
body:not(.inboxsdk__gmailv1css) [data-toolbar-icononly=false] .inboxsdk__button_text {color: white}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment