PMail - A Gmail Theme for ProtonMail 3.0

/**********************************************/
/*  PMail - A Gmail Theme for ProtonMail 3.0  */
/*      alessandro.fontana@protonmail.com     */
/**********************************************/

/* Topbar */

header#pm_header-desktop {
    background: #F1F1F1;
}

header#pm_header-desktop a.logo {
    background: #F1F1F1;
}

/* Sidebar */

body section.sidebar {
    background: #FFFFFF;
}

/* Search bar */

form.searchForm fieldset {
    background-color: #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8C5C2;
}

form.searchForm fieldset:hover {
    border-color: #A8A8A8;
}

form.searchForm fieldset button[type="button"] {
    color: #C8C5C2;
    background-color: #FFFFFF;
}

form.searchForm fieldset button[type="button"]:hover {
    color: #000000;
    background-color: #FFFFFF;
}

form.searchForm fieldset button[type="button"] {
    background-color: #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

form.searchForm fieldset button[type="submit"] {
    background-color: #4385F7;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/* Base64 Logo*/

.logo {
    background: url('data:image/png;base64,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') !important;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.logo img {
    display:none !important;
}

form.searchForm fieldset .query {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.navigation span {
    color: #6D6D6D;
}

.navigation span:hover {
    color: #000000;
}

.navigation strong {
    color: #6D6D6D;
}

.navigation strong:hover {
    color: #000000;
}

/* Top Navigation */

.compose.pm_button.primary {
    background-color: #D94A38;
    border-color: #C93B2A;
}

.compose.pm_button.primary:hover {
    background-color: #C93B2A;
    border-color: #C93B2A;
}

/* Dropdown Menu */

header#pm_header-desktop .pm_buttons .pm_button.primary {
    background-color: #4D90FE;
    border-color: #3079ED;
}

.pm_button.primary span {
    color: white;
}

/* Sidebar Navigation */

#pm_sidebar {
    padding-top: 55px;
}

body section.sidebar ul.menu li.active a i.fa {
    color: #DD4B39;
}

body section.sidebar ul.menu li a {
    color: #000000;
}

body section.sidebar ul.menu li a:hover {
    background: #EEEEEE;
    color: #000000;
}

body section.sidebar div.footer div.link a {
    color: #737373;
}

body section.sidebar div.footer div.link a:hover{
    color: #000000;
}

body section.sidebar div.footer .bar em {
    background-color: #737373;
}

body section.sidebar div.footer div.storage strong {
    color: #737373;
}

.menu em {
    color: #000000 !important;
    font-weight: bold !important;
}

.menu i {
    color: #222222 !important;
}

.menu span {
    color: #000000;
}

.version:hover {
 color: #000000 !important;
}

/* Label Navigation */

body section.sidebar div.labels ul li a {
    color: #000000 !important;
}

body section.sidebar div.labels ul li a:hover {
    background: #EEEEEE;
    color: #000000;
}

/* Settings Navigation */

#pm_settings .pm_tabs li.active a.pm_button {
    color: #222222;
}

#pm_settings .pm_tabs li a.pm_button {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: #1155CC;
    font-weight: bold;
}

#pm_settings .pm_tabs {
    background: #FFFFFF;
}

/* Label Settings */

.pm_button.primary {
    background-color: #4D90FE;
    border-color: #3079ED;
}

/* Inbox */

body #conversation-list-rows .conversation span {
    font-weight: bold;
    color: #000000;
}

body #conversation-list-rows .conversation.read span {
    font-weight: normal;
}

body #conversation-list-rows .conversation.read {
    background-color: #F5F5F5;
}

/* Reading e-mail. */

#pm_thread {
    color: #000000 !important;
}

#pm_thread .details {
    background-color: #FFFFFF !important;
}

#pm_thread .summary {
    background-color: #FFFFFF !important;
}

#pm_thread .time {
    background-color: #FFFFFF !important;
}

#pm_thread .status {
    background-color: #FFFFFF !important;
}

/* Composing e-mail */

.pull-right .primary {
    background-color: #4D90FE !important;
    border-color: #3079ED;
}

.squire-toolbar {
    background-color: #FFFFFF;
}

#pm_composer .ng-pristine footer {
    background-color: #FFFFFF;
}

/* Notifications */

body .cg-notify-message.notification-success {
    background-color: #F9EDBE;
    border-color: #F0C36D;
}

body .cg-notify-message.notification-success span{
    color: #000000;
    font-weight: bold;
}

/* Mobile */

header#pm_header-mobile {
    background: #DA4336;
}

body.mobileMode #pm_sidebar section.sidebar {
    background: #FFFFFF;
}

.userDisplay em {
    color: #000000 !important;
}

.userDisplay strong {
    color: #000000 !important;
}

#pm_sidebarMobile .pull-right {
    background-color: #757575 !important;
}