diff options
Diffstat (limited to 'themes/inbox/inbox.css')
| -rw-r--r-- | themes/inbox/inbox.css | 716 |
1 files changed, 547 insertions, 169 deletions
diff --git a/themes/inbox/inbox.css b/themes/inbox/inbox.css index 612b936..8b04d32 100644 --- a/themes/inbox/inbox.css +++ b/themes/inbox/inbox.css @@ -1,172 +1,188 @@ /*! =========================================== * * INBOX - * Version: v4.0.0-beta.20 + * Version: v4.0.0-beta.33 * Author: Cristiano Almeida * Website: https://www.csalmeida.com * Twitter: @_csalmeida * =========================================== */ :root { - --main-bg-color: #F2F2F2; - --secondary-bg-color: #e5e5e5; + --main-bg-color: #296cd8; + --secondary-bg-color: #2461c4; --bgcolor-searchbox-field: #7297C4; --bgcolor-spacebar: rgba(255, 255, 255, 0.1); --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: white; + --bgcolor-toolbar: #3f7bdc; --fillcolor-logo: #f6f7fa; --fillcolor-icons: #fff; - --color-nav-link: #616161; - --color-nav-active: #4285F4; + --color-nav-link: #F2F2F2; + --color-nav-active: #D23F31; --color-standard-text: #fff; --boxshadow-main: none; } +html:not(.editor-squire-iframe) body { + background: #296cd8; + color: #F2F2F2; } + .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #4285F4; - border: 1px solid #4285F4; + color: #F2F2F2; + background-color: #D23F31; + border: 1px solid #D23F31; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; } .is-hover.pm-button--error, .is-hover.pm-button--primary, .is-hover.pm-button--warning, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover { - color: #616161; + color: #F2F2F2; box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #2a75f3; - border: 1px solid #2a75f3; } + background: #c0372a; + border: 1px solid #c0372a; } .pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #F2F2F2; - border-color: #4285F4; - color: #4285F4; } + background: #296cd8; + border-color: #D23F31; + color: #D23F31; } .is-active.pm-button--primaryborder-dark, .is-hover.pm-button--primaryborder-dark, .pm-button--primaryborder-dark:focus, .pm-button--primaryborder-dark:focus-within, .pm-button--primaryborder-dark:hover, .pm-button--primaryborder-dark:not(div):active, .pm-button-blueborder-dark.is-active, .pm-button-blueborder-dark.is-hover, .pm-button-blueborder-dark:focus, .pm-button-blueborder-dark:focus-within, .pm-button-blueborder-dark:hover, .pm-button-blueborder-dark:not(div):active { - background: #F2F2F2; - border-color: #5a95f5; - color: #5a95f5; } + background: #296cd8; + border-color: #d75346; + color: #d75346; } .pm-button--primaryborder, .pm-button-blueborder { - border-color: #2a75f3; - color: #2a75f3; } + border-color: #c0372a; + color: #c0372a; } .is-hover.pm-button--primaryborder, .pm-button--primaryborder:focus, .pm-button--primaryborder:focus-within, .pm-button--primaryborder:hover, .pm-button-blueborder.is-hover, .pm-button-blueborder:focus, .pm-button-blueborder:focus-within, .pm-button-blueborder:hover { - border-color: #2a75f3; - color: #2a75f3; } + border-color: #c0372a; + color: #c0372a; } .is-disabled.pm-button--error, .is-disabled.pm-button--error.pm-button--info, .is-disabled.pm-button--error.pm-button--redborder, .is-disabled.pm-button--primary, .is-disabled.pm-button--primary.pm-button--info, .is-disabled.pm-button--primary.pm-button--redborder, .is-disabled.pm-button--warning, .is-disabled.pm-button--warning.pm-button--info, .is-disabled.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info[disabled], .pm-button--error.pm-button--redborder[disabled], .pm-button--error[disabled], .pm-button--primary.pm-button--info[disabled], .pm-button--primary.pm-button--redborder[disabled], .pm-button--primary[disabled], .pm-button--warning.pm-button--info[disabled], .pm-button--warning.pm-button--redborder[disabled], .pm-button--warning[disabled], .pm-button-blue.is-disabled, .pm-button-blue.is-disabled.pm-button--info, .pm-button-blue.is-disabled.pm-button--redborder, .pm-button-blue.pm-button--info[disabled], .pm-button-blue.pm-button--redborder[disabled], .pm-button-blue[disabled], .pm-button.is-disabled.pm-button--error, .pm-button.is-disabled.pm-button--primary, .pm-button.is-disabled.pm-button--warning, .pm-button.pm-button--error[disabled], .pm-button.pm-button--primary[disabled], .pm-button.pm-button--warning[disabled], .pm-button.pm-button-blue.is-disabled, .pm-button.pm-button-blue[disabled] { - background-color: white; - border-color: #5a95f5; - color: #1266f1; } + background-color: #f7dbd8; + border-color: #d75346; + color: #ab3125; } .bg-primary { - background-color: white; } + background-color: #3f7bdc; } .color-primary { - color: #4285F4; } - -.aside-link { - background: #e5e5e5; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #e5e5e5; - background: none; } + color: #D23F31; } .navigation__counterItem { - background-color: #1266f1; + background: #ab3125; color: white; } +.item-container-row:hover::before, .item-container:hover::before { + border-color: #db665b; } + +.item-checkbox + .item-icon:hover, .item-checkbox:hover + .item-icon { + border-color: #e9a19a; } + +.item-checkbox:hover:not(:checked) + .item-icon .item-icon-fakecheck-icon { + fill: #ab3125; } + .circle-chart__circle { - stroke: #4285F4; } + stroke: #D23F31; } + +#dropdown-0 .dropDown-content::after, #dropdown-0 .dropDown-content::before, #dropdown-0.dropDown:not(.dropDown--noCaret)::before, +#dropdown-0 .dropDown-content { + background: #296cd8; } + +.dropDown:not(.dropDown--noCaret)::before, +.dropDown::after, +.dropDown-logout-initials, +.dropDown-item-hr { + border-color: #3f7bdc !important; } #global_search.searchbox-field[type="search"] { background-color: #7297C4; - color: #fff; } + color: #F2F2F2; } .searchbox-advanced-search-button:active, .searchbox-advanced-search-button:focus, .searchbox-advanced-search-button:hover { - background-color: #F2F2F2; } + background-color: #296cd8; } .topnav-link, .topnav-link > .topnav-icon { - color: #616161; + color: #F2F2F2; transition: color .2s ease-in-out; } .topnav-link:active, .topnav-link:focus, .topnav-link:hover, .topnav-link[aria-current="true"] { - color: #4285F4; } + color: #D23F31; } .topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, .topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #4285F4; } + color: #D23F31; } .protonmail .text-purple { - color: #F2F2F2 !important; } + color: #296cd8 !important; } .protonmail .text-purple:hover { - color: #1266f1 !important; } + color: #ab3125 !important; } .dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #4285F4; } + color: #D23F31; } #pm_composer .composer .composerHeader-container, .composerInputMeta-overlay .composerHeader-container { - background: white; } + background: #3f7bdc; } #pm_composer .composer .fill { background: #fff; } .conversation.marked::before { - background: #4285F4; } + background: #D23F31; } .item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active), .item-container-row:not(.item-is-selected):not(.item-contact):not(.read):not(.active) { background: #fff; } .item-container.selected, .item-container-row.selected, .item-container.active, .item-is-selected { - background: rgba(66, 133, 244, 0.1); } + background: rgba(210, 63, 49, 0.1); } .selectBoxElement-container:hover .item-icon { background-color: transparent; - border: 1px solid #2a75f3; } + border: 1px solid #c0372a; } .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #2a75f3; } + fill: #c0372a; } .selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #2a75f3; - border-color: #2a75f3; } + background-color: #c0372a; + border-color: #c0372a; } .item-checkbox:checked + .item-icon { - background-color: #4285F4; - border-color: #4285F4; } + background-color: #D23F31; + border-color: #D23F31; } .item-checkbox + .item-icon:hover { - background-color: #2a75f3; - border-color: #2a75f3; } + background-color: #c0372a; + border-color: #c0372a; } .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #616161; } + fill: #F2F2F2; } .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #616161; } + fill: #F2F2F2; } .starbutton { - fill: #4285F4 !important; + fill: #D23F31 !important; opacity: 0.7; } .starbutton:focus, .starbutton:hover { - fill: #4285F4; } + fill: #D23F31; } .autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #2a75f3; } + fill: #c0372a; } .encryptionStatus .color-pm-blue svg { - color: #2a75f3; - fill: #2a75f3; } + color: #c0372a; + fill: #c0372a; } .encryptionStatus .color-global-grey-dm svg { color: black; } .color-pm-blue { - color: #4285F4; } + color: #D23F31; } .pm-radio:checked + .pm-radio-fakeradio::before { - background: #4285F4; } + background: #D23F31; } .block-info-standard { border-color: #1b68c6; } @@ -178,192 +194,554 @@ border-color: #d62646; } .link, a, .pm-button--link { - color: #F2F2F2; + color: #ab3125; transition: color .2s ease-in-out; } .link:active, .link:focus, .link:hover, a:active, a:focus, a:hover, .pm-button--link:hover { - color: #1266f1; } + color: #ab3125; } .pm-button--primary { - background-color: #4285F4; - border-color: #4285F4; } + background-color: #D23F31; + border-color: #D23F31; } .pm-button--link, .pm-button.pm-button--link { - color: #4285F4; } + color: #D23F31; } .pm-button--error, .pm-button--error.pm-button--info, .pm-button--error.pm-button--redborder, .pm-button--primary, .pm-button--primary.pm-button--info, .pm-button--primary.pm-button--redborder, .pm-button--warning, .pm-button--warning.pm-button--info, .pm-button--warning.pm-button--redborder, .pm-button-blue, .pm-button-blue.pm-button--info, .pm-button-blue.pm-button--redborder, .pm-button.pm-button--error, .pm-button.pm-button--primary, .pm-button.pm-button--warning, .pm-button.pm-button-blue { - background-color: #4285F4; - border-color: #4285F4; } + background-color: #D23F31; + border-color: #D23F31; } .is-hover.pm-button--error, .is-hover.pm-button--error.pm-button--info, .is-hover.pm-button--error.pm-button--redborder, .is-hover.pm-button--primary, .is-hover.pm-button--primary.pm-button--info, .is-hover.pm-button--primary.pm-button--redborder, .is-hover.pm-button--warning, .is-hover.pm-button--warning.pm-button--info, .is-hover.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:focus, .pm-button--error.pm-button--info:focus-within, .pm-button--error.pm-button--info:hover, .pm-button--error.pm-button--redborder:focus, .pm-button--error.pm-button--redborder:focus-within, .pm-button--error.pm-button--redborder:hover, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary.pm-button--info:focus, .pm-button--primary.pm-button--info:focus-within, .pm-button--primary.pm-button--info:hover, .pm-button--primary.pm-button--redborder:focus, .pm-button--primary.pm-button--redborder:focus-within, .pm-button--primary.pm-button--redborder:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning.pm-button--info:focus, .pm-button--warning.pm-button--info:focus-within, .pm-button--warning.pm-button--info:hover, .pm-button--warning.pm-button--redborder:focus, .pm-button--warning.pm-button--redborder:focus-within, .pm-button--warning.pm-button--redborder:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue.is-hover.pm-button--info, .pm-button-blue.is-hover.pm-button--redborder, .pm-button-blue.pm-button--info:focus, .pm-button-blue.pm-button--info:focus-within, .pm-button-blue.pm-button--info:hover, .pm-button-blue.pm-button--redborder:focus, .pm-button-blue.pm-button--redborder:focus-within, .pm-button-blue.pm-button--redborder:hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover, .pm-button.is-hover.pm-button--error, .pm-button.is-hover.pm-button--primary, .pm-button.is-hover.pm-button--warning, .pm-button.pm-button--error:focus, .pm-button.pm-button--error:focus-within, .pm-button.pm-button--error:hover, .pm-button.pm-button--primary:focus, .pm-button.pm-button--primary:focus-within, .pm-button.pm-button--primary:hover, .pm-button.pm-button--warning:focus, .pm-button.pm-button--warning:focus-within, .pm-button.pm-button--warning:hover, .pm-button.pm-button-blue.is-hover, .pm-button.pm-button-blue:focus, .pm-button.pm-button-blue:focus-within, .pm-button.pm-button-blue:hover { - background: #2a75f3; - border: 1px solid #2a75f3; } + background: #c0372a; + border: 1px solid #c0372a; } .is-active.pm-button--error, .is-active.pm-button--error.pm-button--info, .is-active.pm-button--error.pm-button--redborder, .is-active.pm-button--primary, .is-active.pm-button--primary.pm-button--info, .is-active.pm-button--primary.pm-button--redborder, .is-active.pm-button--warning, .is-active.pm-button--warning.pm-button--info, .is-active.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:not(div):active, .pm-button--error.pm-button--redborder:not(div):active, .pm-button--error:not(div):active, .pm-button--primary.pm-button--info:not(div):active, .pm-button--primary.pm-button--redborder:not(div):active, .pm-button--primary:not(div):active, .pm-button--warning.pm-button--info:not(div):active, .pm-button--warning.pm-button--redborder:not(div):active, .pm-button--warning:not(div):active, .pm-button-blue.is-active, .pm-button-blue.is-active.pm-button--info, .pm-button-blue.is-active.pm-button--redborder, .pm-button-blue.pm-button--info:not(div):active, .pm-button-blue.pm-button--redborder:not(div):active, .pm-button-blue:not(div):active, .pm-button.is-active.pm-button--error, .pm-button.is-active.pm-button--primary, .pm-button.is-active.pm-button--warning, .pm-button.pm-button--error:not(div):active, .pm-button.pm-button--primary:not(div):active, .pm-button.pm-button--warning:not(div):active, .pm-button.pm-button-blue.is-active, .pm-button.pm-button-blue:not(div):active { - background: #1266f1; - border-color: #1266f1; } + background: #ab3125; + border-color: #ab3125; } .pm-button-blueborder { box-shadow: none; - border-color: #F2F2F2; - color: #F2F2F2; + border-color: #296cd8; + color: #296cd8; transition: color .2s ease-in-out, border-color .2s ease-in-out; } .pm-button-blueborder:hover { box-shadow: none; - border-color: #1266f1; - color: #1266f1; } + border-color: #ab3125; + color: #ab3125; } .is-active.pm-button--primaryborder, .pm-button--primaryborder:not(div):active, .pm-button-blueborder.is-active, .pm-button-blueborder:not(div):active { - border-color: #1266f1; - color: #1266f1; + border-color: #ab3125; + color: #ab3125; background: transparent; } +.pm-group-buttons > .pm-group-button.pm-button--primary { + border-color: #ab3125; } + +.bg-pm-blue-gradient .pm-button--transparent:hover { + color: #F2F2F2; + border-color: #F2F2F2; } + .pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #4285F4; - border-color: #4285F4; } + background: #D23F31; + border-color: #D23F31; } + +.composer-title-bar { + background: #296cd8; } + +.color-global-light { + color: #F2F2F2; } .angular-squire-iframe body a { - color: #4285F4; } + color: #D23F31; } .fill-pm-blue, .message-attachmentIcon .file-outer-icon.is-embedded { - fill: #4285F4; } + fill: #D23F31; } .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #4285F4; - color: #4285F4; } + border-color: #D23F31; + color: #D23F31; } .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #4285F4; } + background-color: #D23F31; } .pm-table--highlight[data-plan-number="1"] tr td:nth-child(2), .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2), .pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) { - border-color: #4285F4; } + border-color: #D23F31; } .pm-simple-table-row-th .fill-primary { - fill: #4285F4; } + fill: #D23F31; } .pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #F2F2F2; } + border-color: #296cd8; } .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #F2F2F2; } + fill: #D23F31; } [class*="icon-"].color-primary { - color: #F2F2F2; } + color: #296cd8; } [class*="icon-"].color-primary:hover { - color: #1266f1; } + color: #ab3125; } + +.pm-field, .editor, +.editor-toolbar, +.border-bottom, +.border-top, +.message-container.is-opened > .message-header { + border-color: #2056ae; } .badgeLabel, .badgeLabel-primary { - border-color: #1266f1; } + border-color: #ab3125; } .badgeLabel, .badgeLabel-blue, .badgeLabel-primary, .bg-pm-blue { - background-color: #1266f1; } + background-color: #ab3125; } + +body { + scrollbar-color: #548ae0 #3272da; } + +::-webkit-scrollbar { + width: 16px; } + ::-webkit-scrollbar-track { + background: #3272da; } + ::-webkit-scrollbar-thumb { + background: #548ae0; + box-shadow: inset 0 0 0 4px #3272da; + border-radius: 16px; } + +.isDarkMode .bordered, +.isDarkMode .bordered-container:not([class*="composerInputMeta-"]), +.isDarkMode .breadcrumb-container { + border-color: #548ae0; } + +.isDarkMode .dropDown-content::after, .isDarkMode .dropDown-content::before, +.isDarkMode .dropDown:not(.dropDown--noCaret)::before, +.isDarkMode .dropDown-content { + background: #296cd8; + border: #296cd8; } + +.isDarkMode .dropDown-item-button:focus, .isDarkMode .dropDown-item-button:focus-within, +.isDarkMode .dropDown-item-button:hover, .isDarkMode .dropDown-item-link:focus, +.isDarkMode .dropDown-item-link:focus-within, .isDarkMode .dropDown-item-link:hover { + background-color: #2461c4; } + +.isDarkMode .dropDown-item-button.is-disabled, .isDarkMode .dropDown-item-button[disabled], +.isDarkMode .dropDown-item-link.is-disabled, .isDarkMode .dropDown-item-link[disabled] { + background-color: #2667d1; } + +.isDarkMode .squireToolbar-select-list { + background: #296cd8; + color: #F2F2F2; } -.progress-contact, .progressbar { - color: #4285F4; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #4285F4; } +.isDarkMode .squireToolbar-dropdown-divider { + background-color: #548ae0; } -.calendar-grid-heading[aria-pressed="true"] -.calendar-grid-heading-number, -.minicalendar-day[aria-pressed="true"], -.minicalendar-day[aria-current="date"]::before, -.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number { - background: #0d5bdd; } +.isDarkMode .squireToolbar-select-item:hover { + background: #2667d1; } -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #4285F4; } +.isDarkMode #pm_composer .composer, +.isDarkMode .composerInputMeta-overlay { + background: #296cd8; } -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #FFF; - background-color: #D23F31; - border: 1px solid #D23F31; } +.isDarkMode #pm_composer .composer .fill { + background: #296cd8; } -.is-hover.pm-button--error, .is-hover.pm-button--primary, .is-hover.pm-button--warning, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover { - color: #FFF; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #ab3125; - border: 1px solid #ab3125; } +.isDarkMode .composer-body-container textarea { + background: #296cd8; } -.header, .logo-container { - background-color: #4285F4; } +.isDarkMode .composer-addresses-item { + background: #2461c4; } -.toolbar { - background-color: #1266f1; } +.isDarkMode .composer-addresses-autocomplete ul { + background: #2461c4; } -.aside { - background-color: #f2f2f2; - box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3); } - .aside .navigation__icon, .aside .navigation__link:focus .navigation__icon, .aside .navigation__link:hover .navigation__icon, .aside .fill-global-light { - fill: #fff; } +.isDarkMode .composer-addresses-autocomplete li[aria-selected="true"], +.isDarkMode .composer-addresses-autocomplete li:hover { + background: #296cd8; } -.aside-link, .aside-link:active, .aside-link:focus, .aside-link[aria-current="true"] { - background: #0a47ac; } +.isDarkMode .autocompleteEmails-item { + background-color: #2667d1; + border-color: #2667d1; } -.aside-link:hover { - background: #D23F31; } +.isDarkMode .autocompleteEmails-label { + border-left: 1px solid #548ae0; + border-right: 1px solid #548ae0; } -.sidebarApp-item [aria-current="page"].navigation__link { - background: #fafafa; } +.isDarkMode .composerOptions-container.show { + background: #2667d1; } + .isDarkMode .composerOptions-container.show .shadow-container { + background: #296cd8; + color: #F2F2F2; } -.content-wrapper { - height: calc(100vh - 9.5rem); - max-height: calc(100vh - 9.5rem); - margin-top: 1.5rem; } +.isDarkMode .is-disabled.pm-button--error, .isDarkMode .is-disabled.pm-button--error.pm-button--info, .isDarkMode .is-disabled.pm-button--error.pm-button--redborder, .isDarkMode .is-disabled.pm-button--primary, .isDarkMode .is-disabled.pm-button--primary.pm-button--info, .isDarkMode .is-disabled.pm-button--primary.pm-button--redborder, .isDarkMode .is-disabled.pm-button--warning, .isDarkMode .is-disabled.pm-button--warning.pm-button--info, .isDarkMode .is-disabled.pm-button--warning.pm-button--redborder, .isDarkMode .pm-button--error.pm-button--info[disabled], .isDarkMode .pm-button--error.pm-button--redborder[disabled], .isDarkMode .pm-button--error[disabled], .isDarkMode .pm-button--primary.pm-button--info[disabled], .isDarkMode .pm-button--primary.pm-button--redborder[disabled], .isDarkMode .pm-button--primary[disabled], .isDarkMode .pm-button--warning.pm-button--info[disabled], .isDarkMode .pm-button--warning.pm-button--redborder[disabled], .isDarkMode .pm-button--warning[disabled], .isDarkMode .pm-button-blue.is-disabled, .isDarkMode .pm-button-blue.is-disabled.pm-button--info, .isDarkMode .pm-button-blue.is-disabled.pm-button--redborder, .isDarkMode .pm-button-blue.pm-button--info[disabled], .isDarkMode .pm-button-blue.pm-button--redborder[disabled], .isDarkMode .pm-button-blue[disabled], .isDarkMode .pm-button.is-disabled.pm-button--error, .isDarkMode .pm-button.is-disabled.pm-button--primary, .isDarkMode .pm-button.is-disabled.pm-button--warning, .isDarkMode .pm-button.pm-button--error[disabled], .isDarkMode .pm-button.pm-button--primary[disabled], .isDarkMode .pm-button.pm-button--warning[disabled], .isDarkMode .pm-button.pm-button-blue.is-disabled, .isDarkMode .pm-button.pm-button-blue[disabled] { + background-color: #2667d1; + border-color: #548ae0; + color: #d9d9d9; } -.navigation__icon, -.navigation__link:focus .navigation__icon, .navigation__link:hover .navigation__icon, -.fill-global-light { - fill: #4285F4; } +.isDarkMode .pm-button:not(.pm-button-blue):not(.pv-button-green):not(.pm-button--primary):not(.pm-button--primaryborderEvenInDarkMode):not(.pm-button--link):not(.pm-button--error):not(.pm-button--warning):not(.pm-button--redborder):not(.pm-button--primaryborder), .isDarkMode .pm-button--info { + color: #F2F2F2; + background-color: #296cd8; + border-color: #548ae0; } -.navigationUser-button, -.topnav-list, -.topnav-link, -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, -.topnav-link[aria-current="true"] { - color: #fff; } +.isDarkMode .pm-group-buttons > .pm-group-button.pm-button--primary { + border-color: #548ae0; } -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, .topnav-link:hover > .topnav-icon, .topnav-link[aria-current="true"] > .topnav-icon { - fill: #fff; } +.isDarkMode .pm-button-blueborder { + border-color: #D23F31; + color: #D23F31; } -.dropDown-logout-button { - color: #fff; } +.isDarkMode .pm-button-blueborder:hover { + border-color: #d75346; + color: #d75346; } -.dropDown-logout-initials { - border-color: #1266f1; } +.isDarkMode [class*="squireToolbar-row"] .squireToolbar-action-mode:active, .isDarkMode [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, .isDarkMode [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, .isDarkMode [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { + background: #3272da !important; } -.conversation.marked::before { - background: #D23F31; } +.isDarkMode .squireToolbar-separator { + background: #3f7bdc; } + +.isDarkMode .composerTime-container, +.isDarkMode [class*="composer-field"] { + color: #F2F2F2; } + +.isDarkMode .composerInputMeta-overlay-fakefield { + border-color: #F2F2F2; } + +.isDarkMode .encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + +.isDarkMode .conversation { + border-color: #548ae0; } + +.isDarkMode .main-area, +.isDarkMode .main-area--noHeader, +.isDarkMode .main-area--withToolbar, +.isDarkMode .main-area--withToolbar--noHeader, +.isDarkMode [class*="block-info-"] { + color: #F2F2F2; } + +.isDarkMode [class*="block-info"] { + background-color: #548ae0; + color: #F2F2F2; } + +.isDarkMode .fill-global-grey { + fill: #D23F31; } -.conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active) { +.isDarkMode .starbutton { + fill: #0d0d0d; } + +.isDarkMode .bg-global-light, .isDarkMode kbd { + background: #296cd8; } + +.isDarkMode .item-container, .isDarkMode .item-container-row, .isDarkMode .contactsummary-container { + background: #296cd8; } + +.isDarkMode .items-column-list-inner, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer { + border-color: #548ae0; } + .isDarkMode .items-column-list-inner .item-container, .isDarkMode .items-column-list-inner .item-container-row, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer .item-container, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer .item-container-row { + border-color: #548ae0; } + +.isDarkMode .item-container:not(.item-is-selected):not(.read):not(.active), +.isDarkMode .item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active), +.isDarkMode .item-container-row:not(.item-is-selected):not(.item-contact):not(.read):not(.active), .isDarkMode .squireToolbar-container { + background: #3f7bdc; } + +.isDarkMode .item-container.active, .isDarkMode .item-is-selected { + background: #2667d1; } + .isDarkMode .item-container.active .flex-item-fluid, .isDarkMode .item-is-selected .flex-item-fluid { + color: #D23F31; } + +.isDarkMode .item-icon { + background-color: #296cd8; + border: 1px solid #e5e5e5; } + +.isDarkMode .selectBoxElement-container:hover .item-icon { + background-color: #296cd8; + border: 1px solid #c0372a; } + .isDarkMode .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #c0372a; } + +.isDarkMode .selectBoxElement-container { + color: #F2F2F2; } + +.isDarkMode .selectBoxElement-container:hover .item-checkbox:checked + .item-icon { + background-color: #c0372a; + border-color: #c0372a; } + +.isDarkMode .item-checkbox + .item-icon:hover, +.isDarkMode .item-checkbox:hover + .item-icon { + background-color: #2461c4; } + +.isDarkMode .items-column-list, +.isDarkMode .elementList-container-row { + background-color: #296cd8; } + +.isDarkMode .composer-container { + background: #3f7bdc; } + +.isDarkMode .message-header { + background-color: #3f7bdc; } + +.isDarkMode .view-column-detail { + background-color: #296cd8; } + +.isDarkMode details:first-child { + border-color: #548ae0; } + +.isDarkMode .items-column-list, +.isDarkMode .message-container, +.isDarkMode .message-attachments { + border-color: #548ae0; } + +.isDarkMode .message-container:not(.sent):not(.draft) .message-header.message-summary::before, +.isDarkMode .message-header.is-inbound::before { + border-top: 1px solid #548ae0; + border-left: 1px solid #548ae0; + background-color: #3f7bdc; } + +.isDarkMode .message-infobox { + background-color: #296cd8; } + +.isDarkMode .message-content.frame.message-frame { + background: white; + color: black; } + +.isDarkMode .block-info-standard, .isDarkMode .bodyDecrypted blockquote { + border-color: #D23F31; } + +.isDarkMode .squireDropdown-item-label { + color: #F2F2F2; } + +.isDarkMode .squireToolbar-action-color { + background: transparent; } + +.isDarkMode .angular-squire-iframe body { + color: #F2F2F2; + background: #3f7bdc; } + .isDarkMode .angular-squire-iframe body a { + color: #D23F31; } + +.isDarkMode .plaintext-editor { + color: #F2F2F2; } + +.isDarkMode .pm-button, .isDarkMode .pm-button--info, .isDarkMode .pm-button--redborder { + background: #296cd8; + border-color: #548ae0; + color: #F2F2F2; } + +.isDarkMode .message-attachmentInfo { + border-color: #548ae0; } + +.isDarkMode .is-hover.pm-button--info, .isDarkMode .is-hover.pm-button--redborder, +.isDarkMode .pm-button--info:focus, .isDarkMode .pm-button--info:focus-within, +.isDarkMode .pm-button--info:hover, .isDarkMode .pm-button--redborder:focus, +.isDarkMode .pm-button--redborder:focus-within, .isDarkMode .pm-button--redborder:hover, +.isDarkMode .pm-button.is-hover, .isDarkMode .pm-button:focus-within, +.isDarkMode .pm-button:hover:not(.pm-button--primary) { + color: #D23F31; } + +.isDarkMode .pm-button:focus { + color: #F2F2F2; } + +.isDarkMode .is-disabled.pm-button--info, +.isDarkMode .is-disabled.pm-button--redborder, +.isDarkMode .pm-button--info[disabled], +.isDarkMode .pm-button--redborder[disabled], +.isDarkMode .pm-button.is-disabled, +.isDarkMode .pm-button[disabled] { + background: #548ae0; } + +.isDarkMode .is-active.pm-button--info, +.isDarkMode .is-active.pm-button--redborder, +.isDarkMode .pm-button--info:not(div):active, +.isDarkMode .pm-button--redborder:not(div):active, +.isDarkMode .pm-button.is-active, .isDarkMode .pm-button:not(div):active { + background: #548ae0; + color: #D23F31; } + +.isDarkMode .dropDown-content { + background: #296cd8; + color: #F2F2F2; } + .isDarkMode .dropDown-content button { + color: #F2F2F2; } + .isDarkMode .dropDown-content .elementsSelector-btn-action, + .isDarkMode .dropDown-content .dropDown-item:hover { + color: #F2F2F2; } + .isDarkMode .dropDown-content .dropDown-item:hover { + background: #3f7bdc !important; } + .isDarkMode .dropDown-content .dropDown-item + .dropDown-item { + border-top: 1px solid #548ae0; } + .isDarkMode .dropDown-content .dropDown-item .color-global-grey { + color: #F2F2F2; } + +.isDarkMode .dropDown .dropDown-content::before, .isDarkMode .dropDown .dropDown-content::after { + border-bottom-color: #296cd8; } + +.isDarkMode .dropDown--right-bottom::before { + border-right-color: #296cd8; } + +.isDarkMode .dropDown--right-bottom .dropDown-content::before, .isDarkMode .dropDown--right-bottom .dropDown-content::after { + background: #296cd8; } + +.isDarkMode .dropDown--bottom-right .dropDown-content::before, .isDarkMode .dropDown--bottom-right .dropDown-content::after { + background: #296cd8; } + +.isDarkMode .dropDown--bottom-left::before, +.isDarkMode .dropDown--bottom-right::before, +.isDarkMode .dropDown--bottom::before { + border-bottom-color: #548ae0; } + +.isDarkMode .dropDown--bottom-right { + border: 1px solid #548ae0; } + +.isDarkMode .pm-field-icon-container[type="search"], .isDarkMode .pm-field[type="search"] { + background-color: #3f7bdc; } + +.isDarkMode .dropDown-contentInner { + background-color: #296cd8; } + .isDarkMode .dropDown-contentInner::before, .isDarkMode .dropDown-contentInner::after { + background-color: #296cd8; } + .isDarkMode .dropDown-contentInner .dropDown-item span { + color: #F2F2F2 !important; } + +.isDarkMode .searchbox-field[type="search"]:not(#global_search) { background: #F2F2F2; - border-left: 1px solid #616161; } + color: #296cd8; } -.item-container, .item-container-row { - background: #fff; } +.isDarkMode .link:active, .isDarkMode .link:focus, .isDarkMode .link:hover, +.isDarkMode a:active, .isDarkMode a:focus, .isDarkMode a:hover, +.isDarkMode .pm-button--link:hover, +.isDarkMode .composerInputMeta-label:hover { + color: #d75346; } -.link, a, .pm-button--link { - color: #4285F4; } +.isDarkMode .pm-modal, .isDarkMode .pm-modalContentInner { + background-color: #296cd8; + color: #F2F2F2; } + .isDarkMode .pm-modal::before, .isDarkMode .pm-modal::after, .isDarkMode .pm-modalContentInner::before, .isDarkMode .pm-modalContentInner::after { + background-color: #296cd8; } + .isDarkMode .pm-modal .labelColorSelector-item-mask, .isDarkMode .pm-modalContentInner .labelColorSelector-item-mask { + border: 2px solid #6a98e4; } + +.isDarkMode .pm-button--primaryborder, .isDarkMode .pm-button-blueborder { + border-color: #D23F31; + color: #D23F31; + background-color: #3f7bdc; + transition: background-color .2s ease-in-out; } + +.isDarkMode .is-hover.pm-button--primaryborder, .isDarkMode .pm-button--primaryborder:focus, +.isDarkMode .pm-button--primaryborder:focus-within, .isDarkMode .pm-button--primaryborder:hover, +.isDarkMode .pm-button-blueborder.is-hover, .isDarkMode .pm-button-blueborder:focus, +.isDarkMode .pm-button-blueborder:focus-within, .isDarkMode .pm-button-blueborder:hover { + border-color: #D23F31; + color: #D23F31; + background-color: #276ad5; } + +.isDarkMode .scrollshadow-static { + background: #296cd8; } + +.isDarkMode .pm-field, .isDarkMode .pm-field-icon-container, +.isDarkMode .focus.pm-field-icon-container, .isDarkMode .pm-field-icon-container:focus, +.isDarkMode .pm-field-icon-container:focus-within, .isDarkMode .pm-field.focus, +.isDarkMode .pm-field:focus, .isDarkMode .pm-field:focus-within, +.isDarkMode .composerInputMeta-overlay-fakefield, +.isDarkMode .composerInputMeta-autocomplete { + color: #F2F2F2; + background-color: #3f7bdc; } + .isDarkMode .pm-field::placeholder, .isDarkMode .pm-field-icon-container::placeholder, + .isDarkMode .focus.pm-field-icon-container::placeholder, .isDarkMode .pm-field-icon-container:focus::placeholder, + .isDarkMode .pm-field-icon-container:focus-within::placeholder, .isDarkMode .pm-field.focus::placeholder, + .isDarkMode .pm-field:focus::placeholder, .isDarkMode .pm-field:focus-within::placeholder, + .isDarkMode .composerInputMeta-overlay-fakefield::placeholder, + .isDarkMode .composerInputMeta-autocomplete::placeholder { + color: #e5e5e5; } + +.isDarkMode .composerInputMeta-autocomplete input { + color: #F2F2F2; + background-color: #3f7bdc; } + .isDarkMode .composerInputMeta-autocomplete input::placeholder { + color: #e5e5e5; } + +.isDarkMode select.pm-field, .isDarkMode select.pm-field-icon-container { + background-color: #3f7bdc; + color: #F2F2F2; } + +.isDarkMode .storageProgress-content.dropDown-content--rightbottom::before { + border-right-color: #296cd8; } -.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover, .pm-button--link:hover { +.isDarkMode .sticky-title { + background: #3272da; } + +.isDarkMode .bg-global-highlight { + background-color: #296cd8; } + +.isDarkMode .bg-white-dm { + background-color: #3f7bdc; } + +.isDarkMode .main-area, .isDarkMode .main-area--noHeader, +.isDarkMode .main-area--withToolbar, +.isDarkMode .main-area--withToolbar--noHeader, +.isDarkMode [class*="block-info-"] { + color: #F2F2F2; } + +.isDarkMode .main-area, .isDarkMode .main-area--noHeader, +.isDarkMode .main-area--withToolbar, .isDarkMode .main-area--withToolbar--noHeader { + background: #296cd8; } + +.isDarkMode .context-bar { + background: #296cd8; } + +.isDarkMode .subnav { + background: #3f7bdc; } + .isDarkMode .subnav .link, .isDarkMode .subnav a { + color: #D23F31; } + .isDarkMode .subnav .link:active, .isDarkMode .subnav .link:focus, .isDarkMode .subnav .link:hover, .isDarkMode .subnav a:active, .isDarkMode .subnav a:focus, .isDarkMode .subnav a:hover { + color: #d75346; } + +.isDarkMode .pm-toggle-label { + border-color: #548ae0; + background: #3f7bdc; } + .isDarkMode .pm-toggle-label::before { + background: #296cd8; } + .isDarkMode .pm-toggle-label .pm-toggle-label-img { + fill: #F2F2F2; } + +.isDarkMode .pm-plans-table-row--highlighted { + background-color: #296cd8; } + +.isDarkMode .pm-checkbox-fakecheck, +.isDarkMode .pm-radio-fakeradio { + background: transparent; } + +.isDarkMode [class*="icon-"].color-primary { + color: #D23F31; } + +.isDarkMode .color-global-grey-dm { color: #D23F31; } -#pm_composer .composer .composerHeader-container { - background-color: #4285F4; } +[aria-current="page"].navigation__link, [aria-current="page"].navigation__link .navigation__icon, [aria-current="page"].navigation__link:hover .navigation__icon:not(.navigation__icon--expand) { + color: #F2F2F2; } -.storageProgress-dropdown .circle-chart__info .circle-chart__percent { - fill: #4285F4; } +.toolbar { + background: #2461c4; } + +.isDarkMode .pm-button, .isDarkMode .pm-button--info, .isDarkMode .pm-button--redborder { + background: #cc3a2d; } + +.isDarkMode .pm-button--primaryborder { + background: transparent; + border-color: #F2F2F2; + color: #F2F2F2; } + +.isDarkMode .pm-button--primaryborder:hover { + border-color: #F2F2F2; + color: #D23F31; } -.storageProgress-dropdown span { - color: #4285F4; - opacity: 1; } +.isDarkMode .composer-body-container textarea { + background: #1c4c99; } |