Tatoodo - Ad hoc restyling of google inbox

user.css

// 1. install browser plugin to support custom js/css (i.e. https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld)
// 2. create entry for inbox.google.com/u/0/  (first inbox)
// 3. paste below

.b4, .b4 .at {
  background-color: #b40909;  
}

.b4 .at::before {
    box-shadow: inset -24px 0 12px -12px #b40909;
}

.ad:not(.a1)>.I, .ay:not(.a1)>.I, #aVMuZe:not(.m):not(.M) .ad>.I:not(.pU4C1e), #aVMuZe:not(.m):not(.M) .ay>.I, .ad.a1>*>*>.r:not(.B8), .ay.a1>*>*>.r {
    background-color: inherit;
}

.I {
  background-image:
    radial-gradient(
      circle,
      #B30808,
      #B30808,
      #000
    );
}

img.j {
  background-image: url('https://scontent-arn2-1.xx.fbcdn.net/v/t1.0-9/14670852_1136604953113834_4347734141278464935_n.png?oh=79a2da74a937db2c1260fc54d96dd849&oe=58FE5F46');
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  padding-left: 100%;
  width: 100% !important;
  display: block;
}