tartarus1337 0 @charset "UTF-8"; :root{ --theme1:#ff0000; --theme2:#fefefe; --theme3:#000000; --theme4:#4e3636; --theme5:#912f2f; --theme6:#ff00009f; --theme7:#252323; --red:#cc9393; --red-light:#ec6446; --fullred:#ff0000; --fullred-light:#e93b3b; --reddish:#8b4444; --reddish-light:#bc7070; --redandblue:#622188; --redandblue-light:#d689bd; --white:#FFF; --black:#000; --redbox:#ff0000 } #exiting{ background-color:var(--theme3); color:var(--theme2) } #exiting .spinner.large .spinner1,#exiting .spinner.large .spinner2,#exiting .spinner.large .spinner3{ background-color:var(--theme1) } .spinner.large .spinner1,.spinner.large .spinner2,.spinner.large .spinner3{ background-color:var(--theme3) } .spinner1,.spinner2,.spinner3{ background-color:var(--theme1) } .proton-embedded:after{ background:url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--theme3); border-color:var(--theme2) var(--theme4) var(--theme4) var(--theme2) } html.protonmail body{ background:var(--theme2) } html.protonmail body.blank,html.protonmail body.secure{ background:var(--theme3) } html.protonmail .visionary{ color:var(--theme3) } html.protonmail .plus{ color:var(--theme3) } html.protonmail .text-gray{ color:var(--theme2) } html.protonmail .text-light-gray{ color:var(--theme4) } html.protonmail .text-reddish{ color:var(--reddish) } html.protonmail .text-yellow{ color:var(--fullred) } html.protonmail .text-red{ color:var(--red) } html.protonmail .text-purple{ color:var(--theme1)!important } html.protonmail .border-panel{ border:1px solid var(--theme4) } header#pm_header{ background:var(--theme2) } header#pm_header .newBugReport-container,header#pm_header a{ color:var(--theme3) } header#pm_headerDesktop,header.headerDesktop-container{ background:var(--theme3) } header#pm_headerDesktop a.logo,header .headerDesktop-logo.logo,.headerSecuredDesktop-logo{ color:var(--theme1); background-color:var(--theme3) } header#pm_headerDesktop a.logo img,header .headerDesktop-logo.logo img,.headerSecuredDesktop-logo::before{ webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%) } header#pm_headerDesktop ul.navigation>li:hover,header.headerDesktop-container ul.navigation>li:hover{ border-color:var(--theme1)!important } header#pm_headerDesktop ul.navigation>li.active,header.headerDesktop-container ul.navigation>li.active{ border-color:var(--theme1)!important } header#pm_headerDesktop ul.navigation>li>a,header.headerDesktop-container ul.navigation>li>a{ color:var(--theme2) } header#pm_headerDesktop .navigation .navigationUser-dropdown{ color:var(--theme2) } header#pm_headerDesktop.no-auth{ background:var(--theme2) } header#pm_headerDesktop.no-auth a{ color:var(--theme3) } header#pm_header-tablet{ background:var(--theme5) } header#pm_header-tablet .compose{ background-color:var(--theme1); color:var(--theme3) } header#pm_header-tablet .compose:hover{ background-color:var(--theme6) } header#pm_header-tablet .compose:active{ background-color:var(--theme5) } header#pm_header-tablet a.logoMobile{ color:var(--theme3) } header#pm_header-tablet .location{ color:var(--theme3) } header#pm_header-mobile{ background:var(--theme5) } header#pm_header-mobile a.compose,header#pm_header-mobile a.compose:hover{ background:var(--theme5) } header#pm_header-mobile a.logoMobile{ color:var(--theme3) } header#pm_header-mobile .searchBtn,header#pm_header-mobile a.compose{ color:var(--theme3) } header#pm_header-mobile .location{ color:var(--theme3) } .headerBlock-container{ border-bottom:1px solid var(--theme4) } #attachmentArea{ background:var(--theme3); border-top:1px solid var(--theme4) } #attachmentArea header .embedded{ color:var(--theme1) } body section.sidebar{ background:var(--theme3) } .sidebarApp-container .sidebar-btn-back{ border:1px solid var(--theme5)!important; color:var(--theme5)!important } .sidebarApp-container .sidebar-btn-back:hover{ background:var(--theme1)!important; color:var(--theme3)!important } .sidebarApp-container .sidebar-btn-compose{ background:var(--theme1)!important; border-color:var(--theme1)!important; color:var(--theme2)!important } .sidebarApp-container .sidebar-btn-compose:hover{ background-color:var(--theme6)!important; border-color:transparent!important; color:var(--theme2)!important } .sidebarApp-item .navigationItem-item,.sidebarApp-item .sidebarApp-link,.sidebarApp-menu .menuLabel-link{ color:var(--theme3) } .sidebarApp-item .navigationItem-icon,.sidebarApp-item .sidebarApp-icon,.sidebarApp-menu .menuLabel-icon,.sidebarApp-icon .donateBtn-icon{ color:var(--theme4) } body section.sidebar ul.menu li button{ color:var(--theme2) } body section.sidebar ul.menu li button:hover{ color:var(--theme1) } body section.sidebar ul.menu li button i.fa{ color:var(--theme2) } body section.sidebar ul.menu li a{ color:var(--theme2) } body section.sidebar ul.menu li a:hover{ color:var(--theme1) } body section.sidebar ul.menu li a em{ color:var(--theme5) } body section.sidebar ul.menu li a i.fa{ color:var(--theme2) } body section.sidebar ul.menu li a .fa-repeat{ color:var(--theme6) } body section.sidebar ul.menu li a .fa-repeat:hover{ color:var(--theme1) } body section.sidebar ul.menu li.active a{ color:var(--theme2) } body section.sidebar ul.menu li.active a:hover{ color:var(--theme1) } body section.sidebar ul.menu li.active a i.fa{ color:var(--theme6) } body section.sidebar div.labels ul li.active a,.menuLabel-item.active .menuLabel-title{ color:var(--theme2); font-weight:700 } body section.sidebar div.labels ul li a:hover{ color:var(--theme3) } body section.sidebar div.footer div.link a{ color:var(--theme1) } body section.sidebar div.footer div.link a:hover{ color:var(--theme2) } .sidebarApp-container .footer div.storage strong{ color:var(--theme1) } body section.sidebar div.footer a.upgrade{ color:var(--theme1) } body section.sidebar div.footer .bar em{ background-color:var(--theme1) } body section.sidebar div.footer .bar{ background-color:var(--theme4) } .sidebarApp-container .version{ color:var(--theme1)!important } .sidebarApp-container .version:hover{ color:var(--theme2)!important } .sidebarApp-container .footer .storageBar{ background-color:var(--theme4)!important } .storageBar .storageBar-progress{ background-color:var(--theme1)!important } body section.sidebar div.labels ul li a{ color:var(--theme2)!important } body section.sidebar div.labels ul li a:hover{ color:var(--theme1)!important } body section.sidebar div.labels ul li a em{ color:var(--theme2)!important } body.mobileMode #pm_sidebar section.sidebar{ background:var(--theme2)!important } body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa{ color:var(--theme3)!important } body.mobileMode #pm_sidebar section.sidebar .userDisplay em,body.mobileMode #pm_sidebar section.sidebar .userDisplay strong{ color:var(--theme3)!important } body.mobileMode #pm_sidebar section.sidebar ul.menu li button{ color:var(--theme3)!important } .pm_toolbar{ box-shadow:inset 0 -1px 0 var(--theme4)!important } #conversation-view .fa-star{ color:var(--fullred)!important } #conversation-view header{ border-bottom:0 solid var(--theme4)!important } #conversation-view header h1{ color:var(--white)!important } #conversation-view .message{ border:1px solid var(--theme4)!important } #conversation-view .message .contact a.compose{ color:var(--theme1)!important } #conversation-view .message .details{ background:var(--theme3)!important } #conversation-view .message .message-contact-sender{ color:var(--theme5)!important } #conversation-view .message.marked .details,#conversation-view .message.marked .summary{ box-shadow:inset 5px 0 0 var(--theme1)!important } #conversation-view .message.details.open .labelz .pm_labels label{ box-shadow:.25rem 0 0 .25rem var(--theme3)!important } #conversation-view .message.unread>div.summary{ background:var(--theme3)!important } #conversation-view .message.unread:not(.open) .summary .labels,#conversation-view .message.unread:not(.open) .summary .status,#conversation-view .message.unread:not(.open) .summary .time{ background:var(--theme3)!important } #conversation-view .message.unread>div.summary .labels .pm_labels label{ box-shadow:.25rem 0 0 .25rem var(--theme3)!important } #conversation-view .message>div.summary{ background:var(--theme3)!important } #conversation-view .message>div.summary .summary-right{ background:transparent!important } #conversation-view .message .summary .labels,#conversation-view .message .summary .location.folders,#conversation-view .message .summary .message-attachments,#conversation-view .message .summary .status,#conversation-view .message .summary .time{ background:var(--theme3)!important } #conversation-view .message>div.summary .time::after{ background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important; background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,var(--theme3) 100%)!important; background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--theme3) 100%)!important } #conversation-view .message>div.summary .meta .contact span{ color:var(--theme4)!important } #conversation-view .message>div.summary .labels .pm_labels label{ box-shadow:.25rem 0 0 .25rem var(--theme3)!important } #conversation-view .message>div.details{ background:var(--theme3)!important } #conversation-view .message>div.details .pm_buttons a{ background:var(--theme3)!important } #conversation-view .message>div.details .recipients-details .from,#conversation-view .message>div.details .recipients-details .where{ color:var(--theme4)!important } #conversation-view .message>div.details .recipients-details .contact em{ color:var(--theme4)!important } #conversation-view .message>div.details .recipients-summary strong{ color:var(--theme4)!important } #conversation-view .message>div.details .recipients-summary .from{ color:var(--theme4)!important } #conversation-view .message .toggleDetails{ color:var(--theme1)!important } #conversation-view .message .expiration{ background:var(--red-light)!important; color:var(--theme3)!important } #conversation-view .message .showImages{ background:var(--theme3)!important; color:var(--theme1)!important; border-top:1px solid var(--theme4)!important } #conversation-view .message .frame{ color:var(--redbox)!important; background-color:var(--black)!important; border-top:1px solid var(--theme4)!important } #conversation-view .message .frame .email .pm_button.more{ background:var(--theme3)!important } body.mobileMode #conversation-view .message>div.summary .time{ background:var(--theme3)!important } body#eo-unlock,body#login-unlock,body#reset{ background:var(--theme2)!important } body.mobileMode #conversation-view .message.details>div.summary .meta .contact em{ color:var(--theme4)!important } #pm_placeholder{ color:var(--theme4); padding-top:40%; text-transform:uppercase } #nothingToSeeHere .fa{ color:var(--theme4) } #nothingToSeeHere span{ color:var(--theme4) } #nothingToSeeHere h3{ color:var(--theme4) } #pm_conversations .meta .fa-star-o,#pm_conversations .meta .singleStar,#pm_conversations article>header .fa-lock,#pm_conversations article>header .fa-paperclip,#pm_conversations header .loc,#pm_rows .meta .fa-star-o,#pm_rows .meta .singleStar,#pm_rows article>header .fa-lock,#pm_rows article>header .fa-paperclip,#pm_rows header .loc{ color:var(--white) } body#reset .alert{ color:var(--white) } #pm_footer{ color:var(--theme3) } #pm_footer a{ color:var(--theme3) } #pm_footer a:hover{ color:var(--theme4) } #pm_footer.static{ color:var(--theme2) } #pm_footer.static a{ color:var(--theme2) } #pm_footer.static a:hover{ color:var(--white) } #pm_composer .composer .meta input{ background:var(--theme7)!important } #pm_composer .composer .fill{ color:var(--black); background:var(--white) } #pm_composer .composer{ background:var(--theme3) } .addFilePopover-panel,.addLinkPopover-panel,.addLinkPopover-footer,.addFilePopover-footer{ background:var(--theme7)!important } .addLinkPopover-field .addLinkPopover-label,.addFilePopover-field .addFilePopover-label{ color:var(--theme2)!important } .addLinkPopover-field .addLinkPopover-input,.addFilePopover-field .addFilePopover-input-url{ border:1px solid var(--theme4)!important; color:var(--theme2)!important; background:var(--theme7)!important; box-shadow:inset 0 0 0 1px var(--theme1)!important } .composerTime-container{ color:var(--theme5)!important } #pm_composer .composer .askEmbedding{ background:var(--theme3); color:var(--theme2) } #pm_composer .composer .attachmentBar i.embedded,#pm_composer .composer .options .fa{ color:var(--theme1) } #pm_composer .composer .askEmbedding ul{ background:var(--theme3); border:1px solid rgba(0,0,0,.2) } .composerOptions-container{ background:var(--theme3) } #pm_composer .composer .options footer{ background:var(--theme3) } #pm_composer .composer .attachmentBar{ border-top:1px solid var(--theme4); background:var(--theme3) } #pm_composer .composer .previews{ background:var(--theme3) } #pm_composer .composer .previews .preview-close{ color:var(--theme2) } #pm_composer .composer .previews .attachment .fa.embedded{ color:var(--theme1) } #pm_composer .composer .previews .pm_button{ background:var(--theme3) } #pm_composer .composer.attachmentsOpen .attachmentBar{ box-shadow:0 1px 0 var(--theme4) } #pm_composer .composer.attachmentsOpen .attachmentArea .pm_button{ color:var(--theme2) } #pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading{ background:var(--theme4) } #pm_composer .composer header{ background:var(--theme6); color:var(--theme2) } #pm_composer .composer header.composerEncrypt-header,#pm_composer .composer header.composerExpiration-header{ background:0; color:var(--theme2) } #pm_composer .composer header .actions .pm_button{ color:var(--theme3)!important; border:none!important } #pm_composer .composer header .actions .pm_button:hover{ color:var(--theme2)!important } #pm_composer .composer .pm_button.link{ border:none!important } #pm_composer .composer .row{ border-bottom:1px solid var(--theme6)!important } #pm_composer .composer .row.placeholder div{ color:var(--theme2) } #pm_composer .composer input,#pm_composer .composer select{ color:var(--theme2)!important } #pm_composer .composer select option{ color:var(--theme2)!important; background-color:var(--theme3)!important } #pm_composer .composer .meta{ color:var(--theme1)!important; background:var(--theme7)!important } #pm_composer .composer footer{ background:var(--theme7)!important; border-top:1px solid var(--theme4)!important } #pm_composer .composer footer .pm_button{ background:var(--theme3)!important } #pm_composer .composer footer .pm_button:hover{ background-color:var(--theme7)!important; color:var(--theme2)!important } #pm_composer .composer footer .pm_button.primary{ background:var(--theme1)!important } #pm_composer .composer footer .pm_button.primary:hover{ background-color:var(--theme6)!important; color:var(--theme2)!important } #pm_composer .composer footer .pm_button.disabled{ background:var(--white)!important } #pm_composer .composer ::-webkit-input-placeholder{ color:var(--theme4) } #pm_composer .composer :-moz-placeholder{ color:var(--theme4) } #pm_composer .composer ::-moz-placeholder{ color:var(--theme4) } #pm_composer .composer :-ms-input-placeholder{ color:var(--theme4) } .colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose{ color:inherit!important; background-color:inherit!important; border:unset!important } .squireToolbar-container{ background-color:var(--theme1)!important } .squireToolbar-container .squire-toolbar,[class*="squireToolbar-row"]{ background-color:var(--theme7)!important } [class*=squireToolbar-action-]+.squireToolbar-separator{ border-left:1px solid var(--theme4)!important } .squire-popover{ background:var(--theme3)!important; border:1px solid var(--theme4)!important } .squire-popover input{ border:1px solid var(--theme3)!important; color:var(--theme2)!important } .squire-popover button,.squireToolbar-container button{ background-color:var(--theme1)!important; color:var(--theme3)!important } .squireToolbar-select .squireToolbar-select-view{ background-color:var(--theme1)!important; color:var(--theme3)!important; border:1px solid var(--theme4)!important } .squireToolbar-select .squireToolbar-select-view .squireDropdown-item-label{ border:none!important; background-color:var(--theme1)!important; color:var(--theme3)!important } #pm_settings .well{ border:1px solid var(--theme4) } #pm_settings .editor-container,#pm_settings .usage{ background:var(--theme7) } #pm_settings .usage .total,#pm_settings .usage .used{ color:var(--theme4); background:var(--theme3) } #pm_settings .usage .bar{ background:var(--theme3) } #pm_settings .usage .bar .amount{ background:var(--theme1) } #pm_settings .pm_tabs{ background:var(--theme3) } #pm_settings .pm_tabs li a.pm_button{ background-color:var(--theme6); border-color:var(--theme5); color:var(--theme3); border-bottom:1px solid var(--theme5) } #pm_settings .pm_tabs li a.pm_button:hover{ background:var(--theme3); color:var(--theme1) } #pm_settings .pm_tabs li.active a.pm_button{ background:var(--theme3); color:var(--theme2); border-bottom-color:var(--theme3) } #pm_settings .pm_tabs li.active a.pm_button:hover{ color:var(--theme1) } #pm_settings .pm_tabs li:last-child a{ border-right:1px solid var(--theme5) } #pm_settings .settings .angular-squire-wrapper{ background:var(--white); border:1px solid var(--theme4); box-shadow:inset 0 2px 5px rgba(0,0,0,.15) } #pm_settings .settings #keys-addressTable td .fa-times-circle{ color:var(--red) } #pm_settings .settings #keys-addressTable td .fa-check{ color:var(--theme2) } .addressKeysView-container .addressKeysView-toggle .pm_button,.addressKeysView-container table tr td .pm_buttons,.addressKeysView-container table tr td .pm_button{ border:none!important } #pm_settings .settings .row .border-bottom{ border-bottom:1px solid var(--theme4) } #pm_settings .settings .row .setting .as-sortable-placeholder{ background:var(--theme4)!important } #pm_settings .settings .row .setting .as-sortable-dragging{ border:1px solid var(--theme4); background:var(--theme3) } #pm_settings .settings .row .setting .as-sortable-dragging .fa-check{ background:var(--theme3); color:var(--theme1) } #pm_settings .settings .row .setting .angular-squire-wrapper iframe{ border:1px solid var(--theme4) } body.mobileMode #pm_settings .settings .pm_sort ul{ border-right:1rem solid var(--theme4) } body.mobileMode #pm_settings .pm_tabs{ background:var(--theme3) } body.mobileMode #pm_settings .pm_tabs>li>a.pm_button{ color:var(--theme5); border:1px solid var(--theme4) } body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover{ background-color:var(--theme3) } body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus{ background-color:var(--theme4) } body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button{ background-color:var(--theme1); border-color:var(--theme1); color:var(--theme3) } body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover{ background-color:var(--theme6); border-color:var(--theme6) } body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active,body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus{ background-color:var(--theme5); border-color:var(--theme5) } body.mobileMode #pm_settings .settings table.pm_table tr{ border:1px solid var(--theme4) } body.mobileMode #pm_settings .settings table.pm_table tr td{ border-bottom:1px solid var(--theme4) } #paymentsModal .disabled input,#paymentsModal .disabled select{ background-color:var(--theme3) } body.mobileMode #invoicesList li{ border:1px solid var(--theme4) } body.mobileMode #invoicesList li p{ border-bottom:1px solid var(--theme4) } body.mobileMode #invoicesList li p.title{ background:var(--theme3) } #login-setup #pm_footer{ color:var(--theme2) } #login-setup #pm_footer a{ color:var(--theme2) } #login-setup #pm_footer a:hover{ color:var(--white) } #login-setup .spinner.large .spinner1,#login-setup .spinner.large .spinner2,#login-setup .spinner.large .spinner3{ background-color:var(--theme1) } #login-setup .wrapper label em.num{ background-color:var(--theme3) } #login-setup .wrapper label span{ color:var(--theme2) } #signup .spinner.large .spinner1,#signup .spinner.large .spinner2,#signup .spinner.large .spinner3{ background-color:var(--theme1) } #signup .titleLabel em.num{ background-color:var(--theme3) } #signup .titleLabel span{ color:var(--theme2) } .ua-ie #pm_composer .composer{ border:1px solid var(--theme4) } html.protonmail body.light{ background-color:var(--theme3) } body#eo-message,body#eo-reply{ background:var(--theme2) } body#eo-reply ul.infos{ color:var(--theme2) } body#eo-reply ul.infos b,body#eo-reply ul.infos em{ color:var(--theme1) } body#eo-reply #message-body .squire-toolbar{ border-top:1px solid var(--theme4); border-bottom:1px solid var(--theme4) } body#eo-reply footer{ border-top:1px solid var(--theme4) } .outside #expirationMessage{ background-color:var(--red-light); color:var(--theme3) } .outside #outsideMessageWrap{ background-color:var(--theme3) } .outside #attachmentArea{ border-top:1px solid var(--theme4) } .outside .display-embedded,.outside .display-image{ background:var(--theme3); border:1px solid var(--theme4) } .outside .display-embedded a,.outside .display-image a{ color:var(--theme1); background-color:var(--theme3)!important } .outside .display-embedded:hover,.outside .display-image:hover{ background:var(--theme3) } .outside .message-metadata{ border-bottom:1px solid var(--theme4) } .outside .message-metadata ul.infos li strong,.outside .message-metadata ul.infos strong{ color:var(--theme2) } .outside .message-metadata ul.infos b,.outside .message-metadata ul.infos li b{ color:var(--theme1) } body.mobileMode body#eo-reply #message-body iframe{ background:var(--theme3) } body{ color:var(--theme2) } code{ color:var(--white) } p a{ color:var(--theme1) } hr{ box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4) } kbd{ color:var(--theme2); background-color:var(--theme3); -webkit-box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4); box-shadow:0 0 0 var(--theme4),inset 0 0 0 1px var(--theme4) } body .pm_form textarea[readonly],pre{ background:var(--theme3); border:1px solid var(--theme4); color:var(--theme2) } #eo-message .email img.pm_broken,#eo-reply iframe img.pm_broken,.message .frame>.email img.pm_broken{ background-color:var(--theme4) } #eo-message .email blockquote,#eo-reply iframe blockquote,.message .frame>.email blockquote{ border-left:4px solid var(--theme4)!important } .tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{ border-top-color:var(--theme2) } .tooltip-inner{ color:var(--theme3); background-color:var(--theme2) } .tooltip.right .tooltip-arrow{ border-right-color:var(--theme2) } .tooltip.left .tooltip-arrow{ border-left-color:var(--theme2) } .tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{ border-bottom-color:var(--theme2) } .alert{ color:var(--white)!important; background:var(--theme4)!important } .alert a,.alert.alert-danger a,.alert.alert-info a,.alert.alert-success a,.alert.alert-warning a{ color:var(--theme1)!important } .alert.alert-info{ color:var(--white)!important; background:var(--theme4)!important } .alert.alert-success{ color:var(--black)!important; background:var(--reddish)!important } .alert.alert-danger{ color:var(--white)!important; background:var(--red-light)!important } .alert.alert-warning{ color:var(--black)!important; background:var(--fullred-light)!important } .alert .pm_button{ background:var(--theme3)!important } .customCheckbox-input:checked+.customCheckbox-mask{ background-color:var(--theme6); border-color:var(--theme6) } .customRadio-input:checked+.customRadio-mask{ box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6); border-color:var(--theme6) } .alert .pm_select,.alert input[type=text],.alert input[type=number],.alert input[type=password],.alert input[type=email],.alert input[type=search],.alert textarea{ background:var(--theme3)!important } .labelDropdown .scrollbox{ background-color:var(--theme6) } .labelDropdown .scrollbox::after,.labelDropdown .scrollbox::before{ background:transparent } .labelDropdown .pm_button.link{ color:var(--theme1) } .labelDropdown .alsoArchive{ border-top:1px solid var(--theme4); border-bottom:1px solid var(--theme4) } .labelDropdown .labelSearch .fa{ color:var(--theme1) } .labelDropdown .labelSearch input{ border-bottom:1px solid var(--theme4) } .searchForm-advanced-container,.searchForm-advanced-main,.searchForm-advanced-wrapper{ background-color:var(--theme7)!important } form.searchForm,.searchForm-container,.searchForm-advanced-container label{ color:var(--theme2) } form.searchForm fieldset,.search-form-fieldset{ box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; background:var(--theme7)!important; color:var(--theme2)!important } form.searchForm fieldset button[type=button],.searchForm-action-button{ color:var(--theme2) } [class*="searchForm-action-button-"]{ color:var(--theme2) } form.searchForm fieldset button[type=button]:hover,.searchForm-action-button:hover{ background:var(--theme7) } form.searchForm fieldset #closeAdvSearch,form.searchForm fieldset button[type=submit]{ color:var(--theme2) } form.searchForm fieldset input.query,.search-form-fieldset-input{ background:var(--theme7); color:var(--theme2) } form.searchForm #advancedSearchDropdown label,.searchForm-advanced-wrapper label{ color:var(--theme2) } body.mobileMode form.searchForm #advancedSearchDropdown .wrap,.searchForm-advanced-wrapper{ border-bottom:1px solid var(--theme3) } #advancedSearchModal .date em{ color:var(--theme4) } body .is-selected .pika-button{ background:var(--theme1)!important; color:var(--theme3)!important } body .is-today .pika-button{ color:var(--theme1) } #labelModal ul.palette li a .fa{ color:var(--theme3) } body .cg-notify-message{ background:var(--theme2); color:var(--theme3)!important } body .cg-notify-message.notification-success{ background-color:var(--reddish) } body .cg-notify-message.notification-warning{ background-color:var(--fullred-light) } body .cg-notify-message.notification-danger{ background-color:var(--red) } body .cg-notify-message.notification-info{ background-color:var(--redandblue-light) } #pm_latest header{ color:var(--theme2); border-bottom:0 solid var(--theme4) } #pm_latest #storageStatus .wrap span{ color:var(--theme2) } #pm_latest #storageStatus .wrap span strong{ color:var(--theme1) } #pm_latest section{ border:1px solid var(--theme4) } #pm_latest .storageArea div.storage{ color:var(--theme4) } #pm_latest .storageArea div.storage strong{ color:var(--theme1) } #pm_latest .storageArea .bar{ background-color:var(--theme4) } #pm_latest .storageArea .bar em{ background-color:var(--theme1) } .autocompleteEmails-container{ color:var(--theme2)!important } .autocompleteEmails-container .autocompleteEmails-autocomplete{ color:var(--theme2)!important; background-color:var(--theme4)!important } .autocompleteCommand-container .autocompleteEmails-autocomplete li+li{ border-color:var(--theme1)!important } .autocompleteCommand-container .autocompleteEmails-autocomplete li{ color:var(--theme2)!important; background-color:var(--theme7)!important } .autocompleteCommand-input{ color:var(--theme2)!important; background-color:var(--theme3)!important } .autocomplete-container .awesomplete li[aria-selected="true"],.autocomplete-container .awesomplete li[aria-selected="true"]:hover,.autocompleteEmails-autocomplete li[aria-selected="true"],.autocompleteEmails-autocomplete li[aria-selected="true"]:hover{ color:var(--theme2)!important; background-color:var(--theme1)!important } .autocomplete-container .awesomplete li:hover,.autocompleteEmails-autocomplete li:hover{ color:var(--theme2)!important; background-color:var(--theme6)!important } .autocompleteEmails-item{ border:1px solid var(--theme4)!important; background-color:var(--theme3)!important } .autocompleteEmails-item-invalid{ border-color:var(--red)!important; color:var(--red)!important } .autocompleteEmails-field .awesomplete ul{ border:1px solid var(--theme4)!important; background-color:var(--theme3)!important } .autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{ background-color:var(--theme4)!important } .autocompleteEmails-field .awesomplete li[aria-selected="false"],.autocompleteEmails-field .awesomplete li[aria-selected="false"]:hover{ background-color:var(--theme6)!important } .autocompleteEmails-field .awesomplete li:hover{ background-color:var(--theme3)!important } .autocompleteEmails-field .awesomplete li,.autocompleteEmails-field .awesomplete li:hover,.autocompleteEmails-field .awesomplete li[aria-selected=true],.autocompleteEmails-field .awesomplete li[aria-selected=true]:hover{ color:var(--theme2)!important } .autocompleteEmails-btn-remove:active,.autocompleteEmails-btn-remove:focus{ color:var(--theme5)!important } .monetize .modal-dialog .modal-content .upsell h4{ color:var(--theme1) } .monetize .modal-dialog .modal-content .upsell ul{ color:var(--theme3) } #pm_settings .bar em{ background-color:var(--theme1) } #pm_settings .donate .well{ box-shadow:inset 0 0 3rem var(--theme4) } #plans .plans .plan header{ background:var(--theme2); color:var(--theme3) } #plans .plans .plan h3,.settingsDashboard-container #plans .plan .plan-title{ background-color:var(--theme1); color:var(--theme3) } .settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select{ background:var(--theme7)!important } .settingsDashboard-plans,.settingsDashboard-plans::after,.settingsDashboard-plans::before{ background:transparent!important } .overviewSection-tbody-billing,.subscriptionSection-tbody-billing,.subscriptionSection-tbody-billing>tr:first-of-type{ background:var(--theme6)!important } .overviewSection-couponCode{ color:var(--black) } .settingsDashboard-container #plans .plan>section ul{ background:var(--theme3) } #plans .plans .plan.plus-plan footer,#plans .plans .plan.plus-plan header{ background:var(--theme3) } #plans .plans .plan section,{ border:1px solid var(--theme4) } #plans .plans .plan section ul li{ border-bottom:1px solid var(--theme4) } #plans .plans .plan section ul li.disabled{ color:var(--theme4) } #plans .plans .plan footer{ border:1px solid var(--theme4) } #plans .plans .plan footer .cycle{ border-bottom:1px solid var(--theme4); color:var(--theme4) } #plans .plans .plan footer .cycle .discount{ border-color:var(--reddish) transparent transparent; color:var(--theme3) } #plans .plans .plan footer .cycle label{ color:var(--theme2) } #plans .plans .plan footer .cycle strong{ color:var(--theme1) } #plans .plans .plan.plus-plan h3 span{ color:var(--theme3) } #plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{ color:var(--theme3) } .intl-tel-input .selected-flag .iti-arrow{ border-top:4px solid var(--theme2) } .intl-tel-input .selected-flag .iti-arrow.up{ border-bottom:4px solid var(--theme2) } .intl-tel-input .country-list{ background-color:var(--theme3); border:1px solid var(--theme4) } .intl-tel-input .country-list .divider{ border-bottom:1px solid var(--theme4) } .intl-tel-input .country-list .country .dial-code{ color:var(--theme4) } .iti-flag{ background-color:var(--theme4) } .pm_form .cardPanel{ background:var(--theme1); color:var(--theme3) } .pm_form .cardPanel.issuer-mastercard{ background:var(--white) } .paginator-disabled-main .paginator-dropdown,.paginator-disabled-next .paginator-btn-next,.paginator-disabled-previous .paginator-btn-previous{ color:var(--theme5)!important; box-shadow:unset!important; background-color:var(--theme3)!important } .paginator-disabled-main .paginator-dropdown:hover,.paginator-disabled-next .paginator-btn-next:hover,.paginator-disabled-previous .paginator-btn-previous:hover{ background-color:var(--theme7)!important; color:var(--theme2)!important } .popover{ background-color:var(--theme3) } .popover-title{ background-color:var(--theme3); border-bottom:var(--theme4) } .popover.top>.arrow{ border-top-color:var(--theme4) } .popover.top>.arrow:after{ border-top-color:var(--theme3) } .popover.right>.arrow{ border-right-color:var(--theme4) } .popover.right>.arrow:after{ border-right-color:var(--theme3) } .popover.bottom>.arrow{ border-bottom-color:var(--theme4) } .popover.bottom>.arrow:after{ border-bottom-color:var(--theme3) } .popover.left>.arrow{ border-left-color:var(--theme4) } .popover.left>.arrow:after{ border-left-color:var(--theme3) } .composerAttachments-container{ background:var(--theme3) } .composerAttachments-loaders{ border-top:1px solid var(--theme4) } .composerAskEmbdded-details{ background:var(--theme3) } .composerInputMeta-overlay{ background:var(--theme7)!important; color:var(--theme2)!important } .composerInputMeta-overlay-label,.composerInputMeta-label,#pm_composer .composer .fromRow{ color:var(--theme1)!important } .progressLoader-container.pm_button{ background:var(--theme3) } [class*=listAttachments-icon].embedded{ color:var(--theme1) } .listAttachments-list .listAttachments-att{ color:var(--theme2)!important; background:var(--theme3)!important } .listAttachments-list .listAttachments-att:after{ border-right:1px solid var(--theme4)!important } .squire-dropzone{ background:var(--theme3)!important } .conversation{ background:var(--theme7)!important; border-bottom-color:var(--theme7)!important } .conversation .expiration,body #conversation-list-rows .conversation .expiration{ border-color:transparent var(--red-light) transparent transparent!important } .conversation .row .meta .fa-star-o{ color:var(--white)!important } .conversation .row .meta .fa-star{ color:var(--fullred)!important } .conversation .row .pm_labels{ background:transparent!important; box-shadow:none!important } .conversation .row .pm_labels label{ background:transparent!important; box-shadow:none!important } .conversation .row h4{ color:var(--white)!important } .conversation.read{ background:var(--theme3)!important; border-bottom-color:var(--theme7)!important } .conversation.read h4{ color:var(--white)!important; font-weight:400 } .conversation.read .pm_labels label{ box-shadow:none!important; background:transparent!important } .conversation.marked::before{ background-color:var(--theme1)!important } .conversation.active{ background:var(--theme6)!important; color:var(--theme3)!important; border-bottom-color:var(--theme7)!important } .conversation.active h4{ color:var(--white)!important } .conversation.active .pm_labels label{ background:transparent!important; box-shadow:none!important } body #conversation-list-rows .conversation{ color:var(--theme2)!important; background:var(--theme7)!important } body #conversation-list-rows .conversation .expiration{ color:var(--theme3)!important } body #conversation-list-rows .conversation .fa-star-o{ color:var(--white)!important } body #conversation-list-rows .conversation .fa-star{ color:var(--fullred)!important } body #conversation-list-rows .conversation .subject h4{ color:var(--white)!important } body #conversation-list-rows .conversation .subject .pm_labels{ background:transparent!important } body #conversation-list-rows .conversation .subject .pm_labels label{ background:transparent!important } body #conversation-list-rows .conversation.read,body #conversation-list-rows .conversation.read .subject .pm_labels,body #conversation-list-rows .conversation.read .subject .pm_labels label{ background:var(--theme3)!important } body #conversation-list-rows .conversation.read .subject h4{ color:var(--theme2)!important } .unsubscribePanel-container{ background:var(--theme3)!important; color:var(--theme2)!important } .unsubscribePanel-button,.messageExtra-container>[class*="-container"]>[class*="-button"]{ background:var(--theme1)!important; color:var(--theme2)!important; border:1px solid var(--theme1)!important } .unsubscribePanel-button:hover,.messageExtra-container>[class*="-container"]>[class*="-button"]:hover{ background:var(--theme6)!important; border:1px solid var(--theme6)!important } .eventsAttachments-container{ background:var(--theme3)!important; color:var(--theme2)!important } .eventsAttachments-summary{ background:var(--theme1)!important; color:var(--theme2)!important } .pm_button{ color:var(--theme5)!important; border:1px solid var(--theme4)!important } .pm_button:hover{ background-color:var(--theme3)!important } .pm_button:active,.pm_button:focus{ background-color:var(--theme4)!important } .pm_button.primary{ background-color:var(--theme1)!important; border-color:var(--theme1)!important; color:var(--theme3)!important } .pm_button.primary:hover{ background-color:var(--theme6)!important; border-color:var(--theme6)!important } .pm_button.primary:active,.pm_button.primary:focus{ background-color:var(--theme5)!important; border-color:var(--theme5)!important } .pm_button.primary.disabled,.pm_button.primary[disabled]{ background:var(--theme6)!important } .pm_button.link{ border:none!important; color:var(--theme1)!important } .pm_button.round{ border:1px solid var(--theme4)!important } .pm_button.round .fa{ color:var(--theme1)!important } .pm_button.round:hover{ background-color:var(--theme3)!important } .pm_button.round:active,.pm_button.round:focus{ background-color:var(--theme3)!important } .pm_button.success{ background-color:var(--reddish)!important; border-color:var(--reddish)!important; color:var(--theme3)!important } .pm_button.success:hover{ background-color:var(--reddish-light)!important; border-color:var(--reddish-light)!important } .pm_button.success.disabled,.pm_button.success[disabled]{ background:var(--reddish-light)!important } .pm_button.error{ background-color:var(--red)!important; border-color:var(--red)!important; color:var(--theme3)!important } .pm_button.error:hover{ background-color:var(--red-light)!important; border-color:var(--red-light)!important } .pm_button.error.disabled,.pm_button.error[disabled]{ background:var(--red-light)!important } .pm_buttons{ border:1px solid var(--theme4)!important; background:var(--theme3)!important } .pm_buttons .pm_buttons{ border:none!important } .pm_buttons.disabled{ border:1px solid var(--theme3)!important; box-shadow:none!important; background:var(--theme3)!important } .pm_buttons .pm_buttons-child{ background:var(--theme3)!important } .pm_buttons .pm_buttons-child.disabled{ box-shadow:none!important; background:var(--theme3)!important } .pm_buttons .disabled,.pm_buttons [disabled]{ color:var(--theme4)!important; box-shadow:inset 0 0 50rem 0 var(--theme3)!important; background:var(--theme3)!important } .pm_buttons .pm_buttons:not(:first-of-type),.pm_buttons>*{ border-color:var(--theme4)!important } .pm_buttons a,#conversation-view .message .details .pm_buttons a,.pm_buttons .pm_buttons-child{ color:var(--theme5)!important; background:var(--theme3)!important } .pm_buttons a:hover,#conversation-view .message .details .pm_buttons a:hover,.pm_buttons .pm_buttons-child:hover,.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows,.chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column{ background-color:var(--theme7)!important; color:var(--theme2)!important } .pm_buttons a.active,.pm_buttons a:active,.pm_buttons .pm_buttons-child:active{ background:var(--theme4)!important } .pm_buttons.primary a{ background-color:var(--theme1)!important; border-color:var(--theme1)!important; color:var(--theme3)!important } .pm_buttons.primary a:hover{ background-color:var(--theme6)!important; border-color:var(--theme6)!important } .pm_buttons.primary a:active,.pm_buttons.primary a:focus{ background-color:var(--theme5)!important; border-color:var(--theme5)!important } .readUnread-container.disabled [class*="readUnread-btn"]{ box-shadow:inset 0 0 50rem 0 var(--theme3)!important; color:var(--theme6)!important } body.mobileMode #body #pm_main .fa-check-square,body.mobileMode #body #pm_main .fa-square-o{ color:var(--theme5)!important } .pm_dropdown{ background:var(--theme7)!important; border:1px solid var(--theme4)!important } .pm_dropdown>a,.pm_dropdown>button,.pm_dropdown>ul>li{ border-bottom:1px solid var(--theme4)!important; color:var(--theme5)!important } .pm_dropdown>a:hover,.pm_dropdown>button:hover,.pm_dropdown>ul>li:hover{ color:var(--theme2)!important } .pm_dropdown .paginator-dropdown-item{ background:var(--theme7)!important } .pm_dropdown .paginator-dropdown-item:hover{ background:var(--theme3)!important } .pm_labels.inline label .close{ color:var(--theme2)!important } .pm_labels label{ color:var(--theme2)!important } .pm_modal .angular-squire-wrapper{ border:1px solid var(--theme4)!important } .pm_modal.domains .modal-dialog .modal-content .modal-body{ box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important } .pm_modal .modal-dialog{ background:var(--theme3)!important; border:5px solid var(--theme1)!important; box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important } .pm_modal .modal-dialog .close{ color:var(--theme3)!important; background:var(--theme1)!important } .pm_modal .modal-dialog .modal-content{ background:var(--theme3)!important } .pm_modal .modal-dialog .modal-content .modal-body{ box-shadow:inset 0 1px 0 var(--theme4),inset 0 -1px 0 var(--theme4)!important } .pm_modal .modal-dialog .modal-footer{ background-color:var(--theme3)!important } .pm_modal .modal-dialog .modal-content h1,.pm_modal .modal-dialog .modal-content h2,.pm_modal .modal-dialog .modal-content h3,.pm_modal .modal-dialog .modal-content h4{ color:var(--theme2)!important } .pm_modal .modal-dialog .modal-content h1 em,.pm_modal .modal-dialog .modal-content h2 em,.pm_modal .modal-dialog .modal-content h3 em,.pm_modal .modal-dialog .modal-content h4 em{ color:var(--theme4)!important } body.mobileMode .pm_modal .modal-dialog{ background:var(--theme3)!important } body.mobileMode .pm_modal .modal-dialog .close{ color:var(--theme2)!important } .pm_form legend{ border-bottom:1px solid var(--theme4)!important } .pm_form legend .small{ color:var(--theme2)!important } .pm_form legend .small a{ color:var(--theme1)!important } .pm_form ::-webkit-input-placeholder{ color:var(--theme4) } .pm_form :-moz-placeholder{ color:var(--theme4) } .pm_form ::-moz-placeholder{ color:var(--theme4) } .pm_form input:-ms-input-placeholder{ color:var(--theme4) } .pm_form ::-ms-input-placeholder{ color:var(--theme4) } .pm_form :-ms-input-placeholder{ color:var(--theme4) } .pm_form .pm_select select{ border:1px solid var(--theme6)!important } .pm_form .pm_select{ border-radius:4px; box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important } .pm_form .pm_select .fa{ color:var(--theme2)!important } .pm_form optgroup{ color:var(--theme2)!important; background:var(--theme3)!important } .pm_form .input-icon .fa{ color:var(--theme4)!important } .searchForm-advanced-wrapper .pm_select{ background:var(--theme7)!important; border-color:var(--theme1)!important } .searchForm-advanced-wrapper input[type=text],.searchForm-advanced-wrapper input[type=search],.searchForm-advanced-wrapper input[type=email],.searchForm-advanced-wrapper input[type=number]{ box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important; color:var(--theme2)!important } .pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel]{ box-shadow:inset 0 2px 5px rgba(0,0,0,.15)!important; background:var(--theme7)!important; border:1px solid var(--theme6)!important } .pm_form select:active,.pm_form select:focus{ box-shadow:inset 0 0 0 1px var(--theme1)!important } .pm_form input[type=text],.pm_form input[type=number],.pm_form input[type=password],.pm_form input[type=email],.pm_form input[type=search],.pm_form input[type=tel],.pm_form .pm_select,.pm_form select,.pm_form textarea,.contactItem-inputs input,.contactItem-inputs textarea{ color:var(--theme2)!important } .pm_form input[type=text].ng-invalid.ng-touched,.pm_form input[type=number].ng-invalid.ng-touched,.pm_form input[type=password].ng-invalid.ng-touched,.pm_form input[type=email].ng-invalid.ng-touched,.pm_form input[type=search].ng-invalid.ng-touched,.pm_form input[type=tel].ng-invalid.ng-touched,.pm_form select.ng-invalid.ng-touched,.pm_form textarea.ng-invalid.ng-touched{ border-color:var(--red)!important } .pm_form input[type=text]:hover,.pm_form input[type=number]:hover,.pm_form input[type=password]:hover,.pm_form input[type=email]:hover,.pm_form input[type=search]:hover,.pm_form input[type=tel]:hover,.pm_form .pm_select:hover,.pm_form select:hover,.pm_form textarea:hover{ border-color:var(--theme1)!important } .pm_form input[type=text]:focus,.pm_form input[type=number]:focus,.pm_form input[type=password]:focus,.pm_form input[type=email]:focus,.pm_form input[type=search]:focus,.pm_form input[type=tel]:focus,.pm_form .pm_select:focus,.pm_form select:focus,.pm_form textarea:focus{ color:var(--white)!important; background:var(--theme7)!important; border-color:var(--theme1)!important } .pm_form input[type=text].disabled,.pm_form input[type=text][disabled],.pm_form input[type=number].disabled,.pm_form input[type=number][disabled],.pm_form input[type=password].disabled,.pm_form input[type=password][disabled],.pm_form input[type=email].disabled,.pm_form input[type=email][disabled],.pm_form input[type=search].disabled,.pm_form input[type=search][disabled],.pm_form input[type=tel].disabled,.pm_form input[type=tel][disabled],.pm_form select.disabled,.pm_form select[disabled],.pm_form textarea.disabled,.pm_form textarea[disabled]{ color:var(--theme4)!important; border-color:var(--theme4)!important; background:var(--theme4)!important } .pm_form input[type=text].success,.pm_form input[type=number].success,.pm_form input[type=password].success,.pm_form input[type=email].success,.pm_form input[type=search].success,.pm_form input[type=tel].success,.pm_form select.success,.pm_form textarea.success{ color:var(--reddish-light)!important; border-color:var(--reddish-light)!important } .pm_form input[type=text].error,.pm_form input[type=number].error,.pm_form input[type=password].error,.pm_form input[type=email].error,.pm_form input[type=search].error,.pm_form input[type=tel].error,.pm_form select.error,.pm_form textarea.error{ color:var(--red-light)!important; border-color:var(--red-light)!important } .pm_form input[type=text].warning,.pm_form input[type=number].warning,.pm_form input[type=password].warning,.pm_form input[type=email].warning,.pm_form input[type=search].warning,.pm_form input[type=tel].warning,.pm_form select.warning,.pm_form textarea.warning{ color:var(--fullred-light)!important; border-color:var(--fullred-light)!important } .pm_panel,.pm_panel.alt a{ color:var(--theme3)!important } .pm_form textarea{ background:var(--theme7)!important } body.light .pm_panel{ background:var(--theme3)!important; color:var(--theme2)!important } .contactList-table{ background:transparent!important } .contactList-item-activeContact td{ background-color:var(--theme1)!important } .pm_table table thead{ border-top:1px solid var(--theme4)!important } .pm_table table.print em{ border:1px solid var(--theme4)!important } .pm_sort ul,.pm_table table.bordered{ border:1px solid var(--theme4)!important } .pm_table table.plain th{ color:var(--theme2)!important } .pm_table table td .fa.fa-sort,.pm_table table th .fa.fa-sort{ color:var(--theme4)!important } .pm_table table th{ background:var(--theme3)!important; border-bottom:1px solid var(--theme4)!important; color:var(--theme5)!important } .pm_table table th a{ color:var(--theme1)!important } .pm_table table th .fa{ color:var(--theme1)!important } .pm_table table td{ border-bottom:1px solid var(--theme4)!important; color:var(--theme2)!important } .pm_table table tr.hasTable table{ background-color:var(--theme3)!important } .pm_table table tr.disabled td{ color:var(--theme4)!important } .pm_toggle span.knob{ background:var(--theme3)!important; border:1px solid var(--theme4)!important } .pm_toggle.off .off,.pm_toggle.on .on{ background-color:var(--theme1)!important; color:var(--theme3)!important } .pm_tabs{ border-right:1px solid var(--theme4)!important } .pm_tabs li a{ background-color:var(--theme3)!important } .pm_tabs li.active a{ background-color:var(--theme3)!important; border-bottom:unset!important; color:var(--theme1)!important } .pm_sort ul li{ border-bottom:1px solid var(--theme4)!important; background:var(--theme3)!important } .pm_sort ul li.highlight{ background-color:var(--theme3)!important } .pm_sort ul li .fa.fa-ellipsis-v{ color:var(--theme4)!important } .as-sortable-dragging .fa-check,.pm_sort ul li .fa.fa-check{ color:var(--theme1)!important } .pm_sort ul li .fa.fa-check{ background:var(--theme3)!important } .as-sortable-placeholder{ background:var(--theme4)!important } .as-sortable-dragging{ border:1px solid var(--theme4)!important; background:var(--theme3)!important } .image.loading:after,.loader em{ border-left:.5em solid var(--theme5)!important } .as-sortable-dragging .fa-check{ background:var(--theme3)!important } .as-sortable-dragging .fa-ellipsis-v{ color:var(--theme4)!important } #pm_loader.full{ background:var(--theme3)!important } #pm_slow,#pm_slow2{ color:var(--theme3)!important } #pm_loading{ background:var(--theme3)!important } .image.loading:after{ background:var(--theme3)!important } input[type=range].pm_range::-webkit-slider-runnable-track{ background:var(--theme4) } input[type=range].pm_range::-webkit-slider-thumb{ background:var(--theme1) } input[type=range].pm_range:focus::-webkit-slider-runnable-track{ background:var(--theme4) } input[type=range].pm_range::-moz-range-track{ background:var(--theme1) } input[type=range].pm_range::-moz-range-thumb{ background:var(--theme1) } input[type=range].pm_range::-ms-track{ background:var(--theme1) } input[type=range].pm_range::-ms-fill-lower{ background:var(--theme4) } input[type=range].pm_range::-ms-fill-upper{ background:var(--theme1) } input[type=range].pm_range::-ms-thumb{ background:var(--theme1) } input[type=range].pm_range:focus::-ms-fill-lower{ background:var(--theme4) } input[type=range].pm_range:focus::-ms-fill-upper{ background:var(--theme1) } #pm_main,#wrapper,#conversation-list-columns,#conversation-list-rows{ background:var(--theme3)!important; color:var(--theme5)!important } .pm_badge,.pm_tag{ background:var(--theme4)!important } .pm_tag{ color:var(--theme2)!important } .pm_badge{ color:var(--theme3)!important } .pm_badge.default{ color:var(--theme2)!important } .pm_badge.primary{ background-color:var(--theme1)!important } .pm_badge.success{ background-color:var(--reddish)!important } .pm_badge.error{ background-color:var(--red)!important } .pm_badge.warning{ background-color:var(--fullred-light)!important } .scrollbox-container{ background-color:var(--theme7)!important; background-image:unset!important } .scrollbox-container::after,.scrollbox-container::before{ background:none!important } .commandPalette-container{ background-color:var(--theme7)!important } .autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"]{ background-color:var(--theme1)!important } .currencySelector-container .currencySelector-button.active{ background:var(--theme4) } .pm_sort-container,.pm_sort-item-content{ border-color:var(--theme4)!important } .emailBlockList-list{ border-color:var(--theme4)!important } .emailBlockList-row{ color:var(--theme5)!important } .manageContactGroupLink-container,.manageContactGroupLink-label,.manageContactGroupLink-icon{ color:var(--theme2)!important } .totalRows-label-right{ background:none!important } .sidebarApp-menu .ico-protonvpn{ opacity:1; -webkit-filter:brightness(100); filter:brightness(100) } .pm_toggle-checkbox:checked + .pm_toggle-label{ background-color:var(--redbox)!important } .message-body-container{ background-color:var(--black)!important } Quote Share this post Link to post Share on other sites