ProtonMail Gradient Background

pm-gradient.css

body {
  background-color: #e6e6f2 !important;
  background-image: -webkit-linear-gradient(135deg, #e6e6f2 0%, #9497ce 100%) !important;
  background-image: -moz-linear-gradient(135deg, #e6e6f2 0%, #9497ce 100%) !important;
  background-image: -o-linear-gradient(135deg, #e6e6f2 0%, #9497ce 100%) !important;
  background-image: linear-gradient(135deg, #e6e6f2 0%, #9497ce 100%) !important;
}
body #body, body header, body header a.logo, body section.sidebar, body #pm_main, #ptSidebar {
  background: transparent !important;
}
.sidebarApp-item .navigationItem-item, .sidebarApp-item .sidebarApp-link, .sidebarApp-menu .menuLabel-link, .sidebarApp-link {
  color: #6a6f7c !important;
}
.sidebarApp-item .navigationItem-icon, .sidebarApp-item .sidebarApp-icon, .sidebarApp-link .fa {
  color: #66669a !important;
}
.composerHeader-container, .sidebarApp-container .menuLabel-link .menuLabel-counter, .sidebarApp-container .menuLabel-link .navigationItem-aside, .sidebarApp-container .navigationItem-item .menuLabel-counter, .sidebarApp-container .navigationItem-item .navigationItem-aside, .sidebarApp-item .navigationItem-counter, .sidebarApp-menu .menuLabel-counter {
  color: #505061 !important;
}
header#pm_headerDesktop a.logo img, header .headerDesktop-logo.logo img {
  webkit-filter: grayscale(100%) brightness(50%);
  filter: grayscale(100%) brightness(50%);
}
body #conversation-list-rows .conversation.read, .conversation.read {
  background: transparent;
}
.conversation.active {
  background: #828895 !important;
}
/* http://i.imgur.com/vrC1OX1.png */