diff options
| author | cristiano <[email protected]> | 2020-12-29 11:42:54 +0000 |
|---|---|---|
| committer | cristiano <[email protected]> | 2020-12-29 11:42:54 +0000 |
| commit | d31a64dc1219e076bcc214a16c20f3111b748893 (patch) | |
| tree | 207c1a619361e40978b6f6d4d979fbc9d0470bff | |
| parent | 4aeb2168a1568f3062f285bce217430290701634 (diff) | |
| download | protonmail-themes-d31a64dc1219e076bcc214a16c20f3111b748893.tar.xz protonmail-themes-d31a64dc1219e076bcc214a16c20f3111b748893.zip | |
Removed full themes.
Now available through dark mode.
| -rw-r--r-- | themes/blue_and_orange/blue_and_orange_full.css | 659 | ||||
| -rw-r--r-- | themes/dark_bubble_gum/dark_bubble_gum_full.css | 659 | ||||
| -rw-r--r-- | themes/deutera_one/deutera_one_full.css | 721 | ||||
| -rw-r--r-- | themes/dracula/dracula_full.css | 659 | ||||
| -rw-r--r-- | themes/green_lume/green_lume_full.css | 659 | ||||
| -rw-r--r-- | themes/gruvbox/gruvbox_full.css | 661 | ||||
| -rw-r--r-- | themes/monokai/monokai_full.css | 659 | ||||
| -rw-r--r-- | themes/ochin/ochin_full.css | 670 | ||||
| -rw-r--r-- | themes/vitamin_c/vitamin_c_full.css | 659 |
9 files changed, 0 insertions, 6006 deletions
diff --git a/themes/blue_and_orange/blue_and_orange_full.css b/themes/blue_and_orange/blue_and_orange_full.css deleted file mode 100644 index 6b2904f..0000000 --- a/themes/blue_and_orange/blue_and_orange_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * BLUE AND ORANGE THEME - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: www.csalmeida.com - * Twitter: @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #0F4C5C; - --secondary-bg-color: #0b3a46; - --bgcolor-searchbox-field: #0A353F; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #135e72; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #fff; - --color-nav-active: #ED7D3A; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #ED7D3A; - border: 1px solid #ED7D3A; - 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: #fff; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #eb6e23; - border: 1px solid #eb6e23; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #0F4C5C; - border-color: #ED7D3A; - color: #ED7D3A; } - -.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: #0F4C5C; - border-color: #ef8c51; - color: #ef8c51; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #eb6e23; - color: #eb6e23; } - -.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: #eb6e23; - color: #eb6e23; } - -.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: #fef8f5; - border-color: #ef8c51; - color: #e06014; } - -.bg-primary { - background-color: #135e72; } - -.color-primary { - color: #ED7D3A; } - -.aside-link { - background: #0b3a46; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #0b3a46; - background: none; } - -.navigation__counterItem { - background-color: #e06014; - color: white; } - -.circle-chart__circle { - stroke: #ED7D3A; } - -#global_search.searchbox-field[type="search"] { - background-color: #0A353F; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #0F4C5C; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #fff; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #ED7D3A; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #ED7D3A; } - -.protonmail .text-purple { - color: #0F4C5C !important; } - -.protonmail .text-purple:hover { - color: #e06014 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #ED7D3A; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #135e72; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #ED7D3A; } - -.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(237, 125, 58, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #eb6e23; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #eb6e23; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #eb6e23; - border-color: #eb6e23; } - -.item-checkbox:checked + .item-icon { - background-color: #ED7D3A; - border-color: #ED7D3A; } - -.item-checkbox + .item-icon:hover { - background-color: #eb6e23; - border-color: #eb6e23; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.starbutton { - fill: #ED7D3A !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #ED7D3A; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #eb6e23; } - -.encryptionStatus .color-pm-blue svg { - color: #eb6e23; - fill: #eb6e23; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #ED7D3A; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #ED7D3A; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #0F4C5C; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #e06014; } - -.pm-button--primary { - background-color: #ED7D3A; - border-color: #ED7D3A; } - -.pm-button--link, .pm-button.pm-button--link { - color: #ED7D3A; } - -.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: #ED7D3A; - border-color: #ED7D3A; } - -.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: #eb6e23; - border: 1px solid #eb6e23; } - -.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: #e06014; - border-color: #e06014; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #0F4C5C; - color: #0F4C5C; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #e06014; - color: #e06014; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #e06014; - color: #e06014; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #ED7D3A; - border-color: #ED7D3A; } - -.angular-squire-iframe body a { - color: #ED7D3A; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #ED7D3A; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #ED7D3A; - color: #ED7D3A; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #ED7D3A; } - -.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: #ED7D3A; } - -.pm-simple-table-row-th .fill-primary { - fill: #ED7D3A; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #0F4C5C; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #0F4C5C; } - -[class*="icon-"].color-primary { - color: #0F4C5C; } - [class*="icon-"].color-primary:hover { - color: #e06014; } - -.badgeLabel, .badgeLabel-primary { - border-color: #e06014; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #e06014; } - -.progress-contact, .progressbar { - color: #ED7D3A; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #ED7D3A; } - -.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: #c85612; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #ED7D3A; } - -body { - scrollbar-color: #167088 #105365; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #105365; } - ::-webkit-scrollbar-thumb { - background: #167088; - box-shadow: inset 0 0 0 4px #105365; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #167088; } - -.squireToolbar-select-list { - background: #0F4C5C; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #167088; } - -.squireToolbar-select-item:hover { - background: #0e4553; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #0F4C5C; } - -#pm_composer .composer .fill { - background: #0F4C5C; } - -.autocompleteEmails-item { - background-color: #0e4553; - border-color: #0e4553; } - -.autocompleteEmails-label { - border-left: 1px solid #167088; - border-right: 1px solid #167088; } - -.composerOptions-container.show { - background: #0e4553; } - .composerOptions-container.show .shadow-container { - background: #0F4C5C; - color: #e6eaf0; } - -.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: #0e4553; - border-color: #167088; - color: #082830; } - -.pm-button-blueborder { - border-color: #ED7D3A; - color: #ED7D3A; } - -.pm-button-blueborder:hover { - border-color: #ef8c51; - color: #ef8c51; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #105365 !important; } - -.squireToolbar-separator { - background: #135e72; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #167088; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #167088; - color: #e6eaf0; } - -.fill-global-grey { - fill: #ED7D3A; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #0F4C5C; } - -.item-container, .item-container-row, .contactsummary-container { - background: #0F4C5C; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #167088; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #167088; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #135e72; } - -.item-container.active, .item-is-selected { - background: #0e4553; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #ED7D3A; } - -.item-icon { - background-color: #0F4C5C; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #0F4C5C; - border: 1px solid #eb6e23; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #eb6e23; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #eb6e23; - border-color: #eb6e23; } - -.items-column-list, -.elementList-container-row { - background-color: #0F4C5C; } - -.message-header { - background-color: #135e72; } - -.view-column-detail { - background-color: #0F4C5C; } - -details:first-child { - border-color: #167088; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #167088; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #167088; - border-left: 1px solid #167088; - background-color: #135e72; } - -.message-infobox { - background-color: #0F4C5C; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #ED7D3A; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #135e72; } - .angular-squire-iframe body a { - color: #ED7D3A; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #0F4C5C; - border-color: #167088; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #167088; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #ED7D3A; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #167088; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #167088; - color: #ED7D3A; } - -.dropDown-content { - background: #0F4C5C; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #135e72 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #167088; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #0F4C5C; } - -.dropDown--right-bottom::before { - border-right-color: #0F4C5C; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #0F4C5C; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #0F4C5C; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #167088; } - -.dropDown--bottom-right { - border: 1px solid #167088; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #135e72; } - -.dropDown-contentInner { - background-color: #0F4C5C; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #0F4C5C; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #0F4C5C; } - -.link, a, .pm-button--link { - color: #ED7D3A; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #ef8c51; } - -.pm-modal, .pm-modalContentInner { - background-color: #0F4C5C; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #0F4C5C; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #1a829e; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #ED7D3A; - color: #ED7D3A; - background-color: #135e72; - transition: background-color .2s ease-in-out; } - -.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: #ED7D3A; - color: #ED7D3A; - background-color: #0e4858; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #135e72; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #135e72; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #135e72; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #0F4C5C; } - -.main-area, .main-area-content { - background-color: #0F4C5C; } - .main-area .p1, .main-area-content .p1 { - background-color: #135e72; } - -.subnav { - background: #135e72; } - .subnav .link, .subnav a { - color: #ED7D3A; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #ef8c51; } - -.pm-toggle-label { - border-color: #167088; - background: #135e72; } - .pm-toggle-label::before { - background: #0F4C5C; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #0F4C5C; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #ED7D3A; - background: transparent; } - -[class*="icon-"].color-primary { - color: #ED7D3A; } - -.color-global-grey-dm { - color: #ED7D3A; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #082830; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #082830; } diff --git a/themes/dark_bubble_gum/dark_bubble_gum_full.css b/themes/dark_bubble_gum/dark_bubble_gum_full.css deleted file mode 100644 index a9d4b8e..0000000 --- a/themes/dark_bubble_gum/dark_bubble_gum_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * DARK BUBBLE GUM THEME - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: www.csalmeida.com - * Twitter: @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #1C1C1C; - --secondary-bg-color: #0f0f0f; - --bgcolor-searchbox-field: #000; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #292929; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #fff; - --color-nav-active: #EF2D56; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #EF2D56; - border: 1px solid #EF2D56; - 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: #fff; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #ed1543; - border: 1px solid #ed1543; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #1C1C1C; - border-color: #EF2D56; - color: #EF2D56; } - -.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: #1C1C1C; - border-color: #f14569; - color: #f14569; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #ed1543; - color: #ed1543; } - -.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: #ed1543; - color: #ed1543; } - -.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: #fdebef; - border-color: #f14569; - color: #d9103b; } - -.bg-primary { - background-color: #292929; } - -.color-primary { - color: #EF2D56; } - -.aside-link { - background: #0f0f0f; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #0f0f0f; - background: none; } - -.navigation__counterItem { - background-color: #d9103b; - color: white; } - -.circle-chart__circle { - stroke: #EF2D56; } - -#global_search.searchbox-field[type="search"] { - background-color: #000; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #1C1C1C; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #fff; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #EF2D56; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #EF2D56; } - -.protonmail .text-purple { - color: #1C1C1C !important; } - -.protonmail .text-purple:hover { - color: #d9103b !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #EF2D56; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #292929; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #EF2D56; } - -.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(239, 45, 86, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #ed1543; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #ed1543; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #ed1543; - border-color: #ed1543; } - -.item-checkbox:checked + .item-icon { - background-color: #EF2D56; - border-color: #EF2D56; } - -.item-checkbox + .item-icon:hover { - background-color: #ed1543; - border-color: #ed1543; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.starbutton { - fill: #EF2D56 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #EF2D56; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #ed1543; } - -.encryptionStatus .color-pm-blue svg { - color: #ed1543; - fill: #ed1543; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #EF2D56; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #EF2D56; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #1C1C1C; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #d9103b; } - -.pm-button--primary { - background-color: #EF2D56; - border-color: #EF2D56; } - -.pm-button--link, .pm-button.pm-button--link { - color: #EF2D56; } - -.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: #EF2D56; - border-color: #EF2D56; } - -.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: #ed1543; - border: 1px solid #ed1543; } - -.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: #d9103b; - border-color: #d9103b; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #1C1C1C; - color: #1C1C1C; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #d9103b; - color: #d9103b; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #d9103b; - color: #d9103b; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #EF2D56; - border-color: #EF2D56; } - -.angular-squire-iframe body a { - color: #EF2D56; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #EF2D56; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #EF2D56; - color: #EF2D56; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #EF2D56; } - -.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: #EF2D56; } - -.pm-simple-table-row-th .fill-primary { - fill: #EF2D56; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #1C1C1C; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #1C1C1C; } - -[class*="icon-"].color-primary { - color: #1C1C1C; } - [class*="icon-"].color-primary:hover { - color: #d9103b; } - -.badgeLabel, .badgeLabel-primary { - border-color: #d9103b; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #d9103b; } - -.progress-contact, .progressbar { - color: #EF2D56; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #EF2D56; } - -.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: #c10f34; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #EF2D56; } - -body { - scrollbar-color: #363636 #212121; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #212121; } - ::-webkit-scrollbar-thumb { - background: #363636; - box-shadow: inset 0 0 0 4px #212121; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #363636; } - -.squireToolbar-select-list { - background: #1C1C1C; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #363636; } - -.squireToolbar-select-item:hover { - background: #171717; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #1C1C1C; } - -#pm_composer .composer .fill { - background: #1C1C1C; } - -.autocompleteEmails-item { - background-color: #171717; - border-color: #171717; } - -.autocompleteEmails-label { - border-left: 1px solid #363636; - border-right: 1px solid #363636; } - -.composerOptions-container.show { - background: #171717; } - .composerOptions-container.show .shadow-container { - background: #1C1C1C; - color: #e6eaf0; } - -.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: #171717; - border-color: #363636; - color: #030303; } - -.pm-button-blueborder { - border-color: #EF2D56; - color: #EF2D56; } - -.pm-button-blueborder:hover { - border-color: #f14569; - color: #f14569; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #212121 !important; } - -.squireToolbar-separator { - background: #292929; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #363636; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #363636; - color: #e6eaf0; } - -.fill-global-grey { - fill: #EF2D56; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #1C1C1C; } - -.item-container, .item-container-row, .contactsummary-container { - background: #1C1C1C; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #363636; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #363636; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #292929; } - -.item-container.active, .item-is-selected { - background: #171717; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #EF2D56; } - -.item-icon { - background-color: #1C1C1C; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #1C1C1C; - border: 1px solid #ed1543; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #ed1543; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #ed1543; - border-color: #ed1543; } - -.items-column-list, -.elementList-container-row { - background-color: #1C1C1C; } - -.message-header { - background-color: #292929; } - -.view-column-detail { - background-color: #1C1C1C; } - -details:first-child { - border-color: #363636; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #363636; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #363636; - border-left: 1px solid #363636; - background-color: #292929; } - -.message-infobox { - background-color: #1C1C1C; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #EF2D56; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #292929; } - .angular-squire-iframe body a { - color: #EF2D56; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #1C1C1C; - border-color: #363636; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #363636; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #EF2D56; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #363636; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #363636; - color: #EF2D56; } - -.dropDown-content { - background: #1C1C1C; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #292929 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #363636; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #1C1C1C; } - -.dropDown--right-bottom::before { - border-right-color: #1C1C1C; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #1C1C1C; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #1C1C1C; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #363636; } - -.dropDown--bottom-right { - border: 1px solid #363636; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #292929; } - -.dropDown-contentInner { - background-color: #1C1C1C; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #1C1C1C; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #1C1C1C; } - -.link, a, .pm-button--link { - color: #EF2D56; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #f14569; } - -.pm-modal, .pm-modalContentInner { - background-color: #1C1C1C; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #1C1C1C; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #424242; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #EF2D56; - color: #EF2D56; - background-color: #292929; - transition: background-color .2s ease-in-out; } - -.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: #EF2D56; - color: #EF2D56; - background-color: #191919; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #292929; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #292929; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #292929; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #1C1C1C; } - -.main-area, .main-area-content { - background-color: #1C1C1C; } - .main-area .p1, .main-area-content .p1 { - background-color: #292929; } - -.subnav { - background: #292929; } - .subnav .link, .subnav a { - color: #EF2D56; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #f14569; } - -.pm-toggle-label { - border-color: #363636; - background: #292929; } - .pm-toggle-label::before { - background: #1C1C1C; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #1C1C1C; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #EF2D56; - background: transparent; } - -[class*="icon-"].color-primary { - color: #EF2D56; } - -.color-global-grey-dm { - color: #EF2D56; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #030303; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #030303; } diff --git a/themes/deutera_one/deutera_one_full.css b/themes/deutera_one/deutera_one_full.css deleted file mode 100644 index 7730d50..0000000 --- a/themes/deutera_one/deutera_one_full.css +++ /dev/null @@ -1,721 +0,0 @@ -/*! =========================================== * - * DEUTERA ONE THEME - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: www.csalmeida.com - * Twitter: @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #000076; - --secondary-bg-color: #00005d; - --bgcolor-searchbox-field: #08426b; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #000090; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #fff; - --color-nav-active: #ffed00; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #ffed00; - border: 1px solid #ffed00; - 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: #fff; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #e6d500; - border: 1px solid #e6d500; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #000076; - border-color: #ffed00; - color: #ffed00; } - -.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: #000076; - border-color: #ffef1a; - color: #ffef1a; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #e6d500; - color: #e6d500; } - -.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: #e6d500; - color: #e6d500; } - -.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: #fffbcc; - border-color: #ffef1a; - color: #ccbe00; } - -.bg-primary { - background-color: #000090; } - -.color-primary { - color: #ffed00; } - -.aside-link { - background: #00005d; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #00005d; - background: none; } - -.navigation__counterItem { - background-color: #ccbe00; - color: white; } - -.circle-chart__circle { - stroke: #ffed00; } - -#global_search.searchbox-field[type="search"] { - background-color: #08426b; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #000076; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #fff; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #ffed00; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #ffed00; } - -.protonmail .text-purple { - color: #000076 !important; } - -.protonmail .text-purple:hover { - color: #ccbe00 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #ffed00; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #000090; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #ffed00; } - -.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(255, 237, 0, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #e6d500; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #e6d500; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #e6d500; - border-color: #e6d500; } - -.item-checkbox:checked + .item-icon { - background-color: #ffed00; - border-color: #ffed00; } - -.item-checkbox + .item-icon:hover { - background-color: #e6d500; - border-color: #e6d500; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.starbutton { - fill: #ffed00 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #ffed00; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #e6d500; } - -.encryptionStatus .color-pm-blue svg { - color: #e6d500; - fill: #e6d500; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #ffed00; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #ffed00; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #000076; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #ccbe00; } - -.pm-button--primary { - background-color: #ffed00; - border-color: #ffed00; } - -.pm-button--link, .pm-button.pm-button--link { - color: #ffed00; } - -.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: #ffed00; - border-color: #ffed00; } - -.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: #e6d500; - border: 1px solid #e6d500; } - -.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: #ccbe00; - border-color: #ccbe00; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #000076; - color: #000076; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #ccbe00; - color: #ccbe00; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #ccbe00; - color: #ccbe00; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #ffed00; - border-color: #ffed00; } - -.angular-squire-iframe body a { - color: #ffed00; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #ffed00; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #ffed00; - color: #ffed00; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #ffed00; } - -.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: #ffed00; } - -.pm-simple-table-row-th .fill-primary { - fill: #ffed00; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #000076; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #000076; } - -[class*="icon-"].color-primary { - color: #000076; } - [class*="icon-"].color-primary:hover { - color: #ccbe00; } - -.badgeLabel, .badgeLabel-primary { - border-color: #ccbe00; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #ccbe00; } - -.progress-contact, .progressbar { - color: #ffed00; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #ffed00; } - -.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: #b3a600; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #ffed00; } - -body { - scrollbar-color: #0000a9 navy; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: navy; } - ::-webkit-scrollbar-thumb { - background: #0000a9; - box-shadow: inset 0 0 0 4px navy; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #0000a9; } - -.squireToolbar-select-list { - background: #000076; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #0000a9; } - -.squireToolbar-select-item:hover { - background: #00006c; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #000076; } - -#pm_composer .composer .fill { - background: #000076; } - -.autocompleteEmails-item { - background-color: #00006c; - border-color: #00006c; } - -.autocompleteEmails-label { - border-left: 1px solid #0000a9; - border-right: 1px solid #0000a9; } - -.composerOptions-container.show { - background: #00006c; } - .composerOptions-container.show .shadow-container { - background: #000076; - color: #e6eaf0; } - -.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: #00006c; - border-color: #0000a9; - color: #000043; } - -.pm-button-blueborder { - border-color: #ffed00; - color: #ffed00; } - -.pm-button-blueborder:hover { - border-color: #ffef1a; - color: #ffef1a; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: navy !important; } - -.squireToolbar-separator { - background: #000090; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #0000a9; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #0000a9; - color: #e6eaf0; } - -.fill-global-grey { - fill: #ffed00; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #000076; } - -.item-container, .item-container-row, .contactsummary-container { - background: #000076; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #0000a9; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #0000a9; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #000090; } - -.item-container.active, .item-is-selected { - background: #00006c; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #ffed00; } - -.item-icon { - background-color: #000076; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #000076; - border: 1px solid #e6d500; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #e6d500; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #e6d500; - border-color: #e6d500; } - -.items-column-list, -.elementList-container-row { - background-color: #000076; } - -.message-header { - background-color: #000090; } - -.view-column-detail { - background-color: #000076; } - -details:first-child { - border-color: #0000a9; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #0000a9; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #0000a9; - border-left: 1px solid #0000a9; - background-color: #000090; } - -.message-infobox { - background-color: #000076; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #ffed00; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #000090; } - .angular-squire-iframe body a { - color: #ffed00; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #000076; - border-color: #0000a9; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #0000a9; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #ffed00; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #0000a9; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #0000a9; - color: #ffed00; } - -.dropDown-content { - background: #000076; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #000090 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #0000a9; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #000076; } - -.dropDown--right-bottom::before { - border-right-color: #000076; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #000076; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #000076; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #0000a9; } - -.dropDown--bottom-right { - border: 1px solid #0000a9; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #000090; } - -.dropDown-contentInner { - background-color: #000076; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #000076; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #000076; } - -.link, a, .pm-button--link { - color: #ffed00; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #ffef1a; } - -.pm-modal, .pm-modalContentInner { - background-color: #000076; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #000076; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #0000c3; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #ffed00; - color: #ffed00; - background-color: #000090; - transition: background-color .2s ease-in-out; } - -.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: #ffed00; - color: #ffed00; - background-color: #000071; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #000090; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #000090; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #000090; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #000076; } - -.main-area, .main-area-content { - background-color: #000076; } - .main-area .p1, .main-area-content .p1 { - background-color: #000090; } - -.subnav { - background: #000090; } - .subnav .link, .subnav a { - color: #ffed00; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #ffef1a; } - -.pm-toggle-label { - border-color: #0000a9; - background: #000090; } - .pm-toggle-label::before { - background: #000076; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #000076; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #ffed00; - background: transparent; } - -[class*="icon-"].color-primary { - color: #ffed00; } - -.color-global-grey-dm { - color: #ffed00; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #000043; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #000043; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #08426b; - border: 1px solid #08426b; - 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: #fff; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #063353; - border: 1px solid #063353; } - -.conversation.marked::before { - background: #08426b; } - -.conversation .item-checkbox:checked + .item-icon { - background-color: #000076; - border-color: #000076; } - -.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #000076; } - -.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.color-pm-blue { - color: #000076; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #08426b; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #155099; } - -.block-info-standard-error { - border-color: black; } - -.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover { - color: #665f00; } - -.notification-success { - background: #08426b; - color: #fff; } - -.notification-warning { - background: #ffed00; - color: #000076; } - -.notification-info { - background: #000076; - color: #fff; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #000076; - border-color: #000076; } - -.pm-toggle-checkbox:checked + .pm-toggle-label > .pm-toggle-label-text:last-child { - fill: #fff; } diff --git a/themes/dracula/dracula_full.css b/themes/dracula/dracula_full.css deleted file mode 100644 index 912bcc3..0000000 --- a/themes/dracula/dracula_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * DRACULA Theme - * Version: v4.0.0-beta.20 - * Author: Mike Barkmin - * Website: www.barkmin.eu - * Twitter: @mikebarkmin - * =========================================== */ -:root { - --main-bg-color: #282a36; - --secondary-bg-color: #1d1f27; - --bgcolor-searchbox-field: #000; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #333545; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #D8D8D8; - --color-nav-active: #FF79C6; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #FF79C6; - border: 1px solid #FF79C6; - 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: #D8D8D8; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #ff60bb; - border: 1px solid #ff60bb; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #282a36; - border-color: #FF79C6; - color: #FF79C6; } - -.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: #282a36; - border-color: #ff93d1; - color: #ff93d1; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #ff60bb; - color: #ff60bb; } - -.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: #ff60bb; - color: #ff60bb; } - -.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: #ff93d1; - color: #ff46b0; } - -.bg-primary { - background-color: #333545; } - -.color-primary { - color: #FF79C6; } - -.aside-link { - background: #1d1f27; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #1d1f27; - background: none; } - -.navigation__counterItem { - background-color: #ff46b0; - color: white; } - -.circle-chart__circle { - stroke: #FF79C6; } - -#global_search.searchbox-field[type="search"] { - background-color: #000; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #282a36; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #D8D8D8; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #FF79C6; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #FF79C6; } - -.protonmail .text-purple { - color: #282a36 !important; } - -.protonmail .text-purple:hover { - color: #ff46b0 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #FF79C6; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #333545; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #FF79C6; } - -.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(255, 121, 198, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #ff60bb; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #ff60bb; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #ff60bb; - border-color: #ff60bb; } - -.item-checkbox:checked + .item-icon { - background-color: #FF79C6; - border-color: #FF79C6; } - -.item-checkbox + .item-icon:hover { - background-color: #ff60bb; - border-color: #ff60bb; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #D8D8D8; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #D8D8D8; } - -.starbutton { - fill: #FF79C6 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #FF79C6; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #ff60bb; } - -.encryptionStatus .color-pm-blue svg { - color: #ff60bb; - fill: #ff60bb; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #FF79C6; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #FF79C6; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffb86c; } - -.block-info-standard-error { - border-color: #ff5555; } - -.link, a, .pm-button--link { - color: #282a36; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #ff46b0; } - -.pm-button--primary { - background-color: #FF79C6; - border-color: #FF79C6; } - -.pm-button--link, .pm-button.pm-button--link { - color: #FF79C6; } - -.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: #FF79C6; - border-color: #FF79C6; } - -.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: #ff60bb; - border: 1px solid #ff60bb; } - -.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: #ff46b0; - border-color: #ff46b0; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #282a36; - color: #282a36; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #ff46b0; - color: #ff46b0; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #ff46b0; - color: #ff46b0; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #FF79C6; - border-color: #FF79C6; } - -.angular-squire-iframe body a { - color: #FF79C6; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #FF79C6; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #FF79C6; - color: #FF79C6; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #FF79C6; } - -.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: #FF79C6; } - -.pm-simple-table-row-th .fill-primary { - fill: #FF79C6; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #282a36; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #282a36; } - -[class*="icon-"].color-primary { - color: #282a36; } - [class*="icon-"].color-primary:hover { - color: #ff46b0; } - -.badgeLabel, .badgeLabel-primary { - border-color: #ff46b0; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #ff46b0; } - -.progress-contact, .progressbar { - color: #FF79C6; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #FF79C6; } - -.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: #ff2da5; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #FF79C6; } - -body { - scrollbar-color: #3e4153 #2c2f3c; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #2c2f3c; } - ::-webkit-scrollbar-thumb { - background: #3e4153; - box-shadow: inset 0 0 0 4px #2c2f3c; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #3e4153; } - -.squireToolbar-select-list { - background: #282a36; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #3e4153; } - -.squireToolbar-select-item:hover { - background: #242530; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #282a36; } - -#pm_composer .composer .fill { - background: #282a36; } - -.autocompleteEmails-item { - background-color: #242530; - border-color: #242530; } - -.autocompleteEmails-label { - border-left: 1px solid #3e4153; - border-right: 1px solid #3e4153; } - -.composerOptions-container.show { - background: #242530; } - .composerOptions-container.show .shadow-container { - background: #282a36; - color: #e6eaf0; } - -.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: #242530; - border-color: #3e4153; - color: #121319; } - -.pm-button-blueborder { - border-color: #FF79C6; - color: #FF79C6; } - -.pm-button-blueborder:hover { - border-color: #ff93d1; - color: #ff93d1; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #2c2f3c !important; } - -.squireToolbar-separator { - background: #333545; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #3e4153; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #3e4153; - color: #e6eaf0; } - -.fill-global-grey { - fill: #FF79C6; } - -.starbutton { - fill: #50fa7b; } - -.bg-global-light, kbd { - background: #282a36; } - -.item-container, .item-container-row, .contactsummary-container { - background: #282a36; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #3e4153; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #3e4153; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #333545; } - -.item-container.active, .item-is-selected { - background: #242530; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #FF79C6; } - -.item-icon { - background-color: #282a36; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #282a36; - border: 1px solid #ff60bb; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #ff60bb; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #ff60bb; - border-color: #ff60bb; } - -.items-column-list, -.elementList-container-row { - background-color: #282a36; } - -.message-header { - background-color: #333545; } - -.view-column-detail { - background-color: #282a36; } - -details:first-child { - border-color: #3e4153; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #3e4153; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #3e4153; - border-left: 1px solid #3e4153; - background-color: #333545; } - -.message-infobox { - background-color: #282a36; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #FF79C6; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #333545; } - .angular-squire-iframe body a { - color: #FF79C6; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #282a36; - border-color: #3e4153; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #3e4153; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #FF79C6; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #3e4153; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #3e4153; - color: #FF79C6; } - -.dropDown-content { - background: #282a36; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #333545 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #3e4153; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #282a36; } - -.dropDown--right-bottom::before { - border-right-color: #282a36; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #282a36; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #282a36; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #3e4153; } - -.dropDown--bottom-right { - border: 1px solid #3e4153; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #333545; } - -.dropDown-contentInner { - background-color: #282a36; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #282a36; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #282a36; } - -.link, a, .pm-button--link { - color: #FF79C6; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #ff93d1; } - -.pm-modal, .pm-modalContentInner { - background-color: #282a36; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #282a36; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #494c62; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #FF79C6; - color: #FF79C6; - background-color: #333545; - transition: background-color .2s ease-in-out; } - -.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: #FF79C6; - color: #FF79C6; - background-color: #262833; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #333545; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #333545; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #333545; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #282a36; } - -.main-area, .main-area-content { - background-color: #282a36; } - .main-area .p1, .main-area-content .p1 { - background-color: #333545; } - -.subnav { - background: #333545; } - .subnav .link, .subnav a { - color: #FF79C6; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #ff93d1; } - -.pm-toggle-label { - border-color: #3e4153; - background: #333545; } - .pm-toggle-label::before { - background: #282a36; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #282a36; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #FF79C6; - background: transparent; } - -[class*="icon-"].color-primary { - color: #FF79C6; } - -.color-global-grey-dm { - color: #FF79C6; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #121319; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #121319; } diff --git a/themes/green_lume/green_lume_full.css b/themes/green_lume/green_lume_full.css deleted file mode 100644 index 8dc194f..0000000 --- a/themes/green_lume/green_lume_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * GREEN LUME THEME - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: www.csalmeida.com - * Tweets @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #1C1C1C; - --secondary-bg-color: #0f0f0f; - --bgcolor-searchbox-field: #000; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #292929; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #fff; - --color-nav-active: #2FBF71; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #2FBF71; - border: 1px solid #2FBF71; - 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: #fff; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #2aab65; - border: 1px solid #2aab65; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #1C1C1C; - border-color: #2FBF71; - color: #2FBF71; } - -.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: #1C1C1C; - border-color: #39ce7e; - color: #39ce7e; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #2aab65; - color: #2aab65; } - -.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: #2aab65; - color: #2aab65; } - -.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: #c8f2db; - border-color: #39ce7e; - color: #259659; } - -.bg-primary { - background-color: #292929; } - -.color-primary { - color: #2FBF71; } - -.aside-link { - background: #0f0f0f; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #0f0f0f; - background: none; } - -.navigation__counterItem { - background-color: #259659; - color: white; } - -.circle-chart__circle { - stroke: #2FBF71; } - -#global_search.searchbox-field[type="search"] { - background-color: #000; - color: #d6d6d6; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #1C1C1C; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #fff; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #2FBF71; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #2FBF71; } - -.protonmail .text-purple { - color: #1C1C1C !important; } - -.protonmail .text-purple:hover { - color: #259659 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #2FBF71; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #292929; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #2FBF71; } - -.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(47, 191, 113, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #2aab65; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #2aab65; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #2aab65; - border-color: #2aab65; } - -.item-checkbox:checked + .item-icon { - background-color: #2FBF71; - border-color: #2FBF71; } - -.item-checkbox + .item-icon:hover { - background-color: #2aab65; - border-color: #2aab65; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fff; } - -.starbutton { - fill: #2FBF71 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #2FBF71; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #2aab65; } - -.encryptionStatus .color-pm-blue svg { - color: #2aab65; - fill: #2aab65; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #2FBF71; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #2FBF71; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #1C1C1C; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #259659; } - -.pm-button--primary { - background-color: #2FBF71; - border-color: #2FBF71; } - -.pm-button--link, .pm-button.pm-button--link { - color: #2FBF71; } - -.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: #2FBF71; - border-color: #2FBF71; } - -.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: #2aab65; - border: 1px solid #2aab65; } - -.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: #259659; - border-color: #259659; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #1C1C1C; - color: #1C1C1C; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #259659; - color: #259659; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #259659; - color: #259659; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #2FBF71; - border-color: #2FBF71; } - -.angular-squire-iframe body a { - color: #2FBF71; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #2FBF71; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #2FBF71; - color: #2FBF71; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #2FBF71; } - -.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: #2FBF71; } - -.pm-simple-table-row-th .fill-primary { - fill: #2FBF71; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #1C1C1C; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #1C1C1C; } - -[class*="icon-"].color-primary { - color: #1C1C1C; } - [class*="icon-"].color-primary:hover { - color: #259659; } - -.badgeLabel, .badgeLabel-primary { - border-color: #259659; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #259659; } - -.progress-contact, .progressbar { - color: #2FBF71; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #2FBF71; } - -.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: #20824d; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #2FBF71; } - -body { - scrollbar-color: #363636 #212121; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #212121; } - ::-webkit-scrollbar-thumb { - background: #363636; - box-shadow: inset 0 0 0 4px #212121; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #363636; } - -.squireToolbar-select-list { - background: #1C1C1C; - color: #d6d6d6; } - -.squireToolbar-dropdown-divider { - background-color: #363636; } - -.squireToolbar-select-item:hover { - background: #171717; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #1C1C1C; } - -#pm_composer .composer .fill { - background: #1C1C1C; } - -.autocompleteEmails-item { - background-color: #171717; - border-color: #171717; } - -.autocompleteEmails-label { - border-left: 1px solid #363636; - border-right: 1px solid #363636; } - -.composerOptions-container.show { - background: #171717; } - .composerOptions-container.show .shadow-container { - background: #1C1C1C; - color: #d6d6d6; } - -.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: #171717; - border-color: #363636; - color: #030303; } - -.pm-button-blueborder { - border-color: #2FBF71; - color: #2FBF71; } - -.pm-button-blueborder:hover { - border-color: #39ce7e; - color: #39ce7e; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #212121 !important; } - -.squireToolbar-separator { - background: #292929; } - -.composerTime-container, -[class*="composer-field"] { - color: #d6d6d6; } - -.composerInputMeta-overlay-fakefield { - border-color: #d6d6d6; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #363636; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #d6d6d6; } - -[class*="block-info"] { - background-color: #363636; - color: #d6d6d6; } - -.fill-global-grey { - fill: #2FBF71; } - -.starbutton { - fill: #eac819; } - -.bg-global-light, kbd { - background: #1C1C1C; } - -.item-container, .item-container-row, .contactsummary-container { - background: #1C1C1C; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #363636; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #363636; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #292929; } - -.item-container.active, .item-is-selected { - background: #171717; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #2FBF71; } - -.item-icon { - background-color: #1C1C1C; - border: 1px solid #c9c9c9; } - -.selectBoxElement-container:hover .item-icon { - background-color: #1C1C1C; - border: 1px solid #2aab65; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #2aab65; } - -.selectBoxElement-container { - color: #d6d6d6; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #2aab65; - border-color: #2aab65; } - -.items-column-list, -.elementList-container-row { - background-color: #1C1C1C; } - -.message-header { - background-color: #292929; } - -.view-column-detail { - background-color: #1C1C1C; } - -details:first-child { - border-color: #363636; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #363636; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #363636; - border-left: 1px solid #363636; - background-color: #292929; } - -.message-infobox { - background-color: #1C1C1C; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #2FBF71; } - -.squireDropdown-item-label { - color: #d6d6d6; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #d6d6d6; - background: #292929; } - .angular-squire-iframe body a { - color: #2FBF71; } - -.plaintext-editor { - color: #d6d6d6; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #1C1C1C; - border-color: #363636; - color: #d6d6d6; } - -.message-attachmentInfo { - border-color: #363636; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #2FBF71; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #363636; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #363636; - color: #2FBF71; } - -.dropDown-content { - background: #1C1C1C; - color: #d6d6d6; } - .dropDown-content button { - color: #d6d6d6; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #d6d6d6; } - .dropDown-content .dropDown-item:hover { - background: #292929 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #363636; } - .dropDown-content .dropDown-item .color-global-grey { - color: #d6d6d6; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #1C1C1C; } - -.dropDown--right-bottom::before { - border-right-color: #1C1C1C; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #1C1C1C; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #1C1C1C; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #363636; } - -.dropDown--bottom-right { - border: 1px solid #363636; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #292929; } - -.dropDown-contentInner { - background-color: #1C1C1C; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #1C1C1C; } - .dropDown-contentInner .dropDown-item span { - color: #d6d6d6 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #d6d6d6; - color: #1C1C1C; } - -.link, a, .pm-button--link { - color: #2FBF71; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #39ce7e; } - -.pm-modal, .pm-modalContentInner { - background-color: #1C1C1C; - color: #d6d6d6; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #1C1C1C; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #424242; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #2FBF71; - color: #2FBF71; - background-color: #292929; - transition: background-color .2s ease-in-out; } - -.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: #2FBF71; - color: #2FBF71; - background-color: #191919; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #d6d6d6; - background-color: #292929; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #c9c9c9; } - -.composerInputMeta-autocomplete input { - color: #d6d6d6; - background-color: #292929; } - .composerInputMeta-autocomplete input::placeholder { - color: #c9c9c9; } - -select.pm-field, select.pm-field-icon-container { - background-color: #292929; - color: #d6d6d6; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #1C1C1C; } - -.main-area, .main-area-content { - background-color: #1C1C1C; } - .main-area .p1, .main-area-content .p1 { - background-color: #292929; } - -.subnav { - background: #292929; } - .subnav .link, .subnav a { - color: #2FBF71; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #39ce7e; } - -.pm-toggle-label { - border-color: #363636; - background: #292929; } - .pm-toggle-label::before { - background: #1C1C1C; } - .pm-toggle-label .pm-toggle-label-img { - fill: #d6d6d6; } - -.pm-plans-table-row--highlighted { - background-color: #1C1C1C; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #2FBF71; - background: transparent; } - -[class*="icon-"].color-primary { - color: #2FBF71; } - -.color-global-grey-dm { - color: #2FBF71; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #d6d6d6; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #030303; } - -.calendar-dayeventcell-inner { - color: #d6d6d6; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #030303; } diff --git a/themes/gruvbox/gruvbox_full.css b/themes/gruvbox/gruvbox_full.css deleted file mode 100644 index f444914..0000000 --- a/themes/gruvbox/gruvbox_full.css +++ /dev/null @@ -1,661 +0,0 @@ -@charset "UTF-8"; -/*! =========================================== * - * GRUVBOX THEME - * Version: v4.0.0-beta.20 - * Author: AntoineÐ - * Website: www.antoined.fr - * Mastodon: @[email protected] - * Based: https://github.com/morhetz/gruvbox-contrib - * =========================================== */ -:root { - --main-bg-color: #282828; - --secondary-bg-color: #1b1b1b; - --bgcolor-searchbox-field: #32302f; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #353535; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #fbf1c7; - --color-nav-active: #689d6a; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #689d6a; - border: 1px solid #689d6a; - 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: #fbf1c7; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #5d8f5f; - border: 1px solid #5d8f5f; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #282828; - border-color: #689d6a; - color: #689d6a; } - -.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: #282828; - border-color: #77a779; - color: #77a779; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #5d8f5f; - color: #5d8f5f; } - -.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: #5d8f5f; - color: #5d8f5f; } - -.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: #e4ede4; - border-color: #77a779; - color: #537f54; } - -.bg-primary { - background-color: #353535; } - -.color-primary { - color: #689d6a; } - -.aside-link { - background: #1b1b1b; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #1b1b1b; - background: none; } - -.navigation__counterItem { - background-color: #537f54; - color: white; } - -.circle-chart__circle { - stroke: #689d6a; } - -#global_search.searchbox-field[type="search"] { - background-color: #32302f; - color: #fbf1c7; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #282828; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #fbf1c7; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #689d6a; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #689d6a; } - -.protonmail .text-purple { - color: #282828 !important; } - -.protonmail .text-purple:hover { - color: #537f54 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #689d6a; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #353535; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #689d6a; } - -.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(104, 157, 106, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #5d8f5f; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #5d8f5f; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #5d8f5f; - border-color: #5d8f5f; } - -.item-checkbox:checked + .item-icon { - background-color: #689d6a; - border-color: #689d6a; } - -.item-checkbox + .item-icon:hover { - background-color: #5d8f5f; - border-color: #5d8f5f; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fbf1c7; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #fbf1c7; } - -.starbutton { - fill: #689d6a !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #689d6a; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #5d8f5f; } - -.encryptionStatus .color-pm-blue svg { - color: #5d8f5f; - fill: #5d8f5f; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #689d6a; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #689d6a; } - -.block-info-standard { - border-color: #458588; } - -.block-info-standard-warning { - border-color: #d79921; } - -.block-info-standard-error { - border-color: #cc241d; } - -.link, a, .pm-button--link { - color: #282828; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #537f54; } - -.pm-button--primary { - background-color: #689d6a; - border-color: #689d6a; } - -.pm-button--link, .pm-button.pm-button--link { - color: #689d6a; } - -.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: #689d6a; - border-color: #689d6a; } - -.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: #5d8f5f; - border: 1px solid #5d8f5f; } - -.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: #537f54; - border-color: #537f54; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #282828; - color: #282828; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #537f54; - color: #537f54; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #537f54; - color: #537f54; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #689d6a; - border-color: #689d6a; } - -.angular-squire-iframe body a { - color: #689d6a; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #689d6a; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #689d6a; - color: #689d6a; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #689d6a; } - -.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: #689d6a; } - -.pm-simple-table-row-th .fill-primary { - fill: #689d6a; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #282828; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #282828; } - -[class*="icon-"].color-primary { - color: #282828; } - [class*="icon-"].color-primary:hover { - color: #537f54; } - -.badgeLabel, .badgeLabel-primary { - border-color: #537f54; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #537f54; } - -.progress-contact, .progressbar { - color: #689d6a; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #689d6a; } - -.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: #49704a; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #689d6a; } - -body { - scrollbar-color: #424242 #2d2d2d; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #2d2d2d; } - ::-webkit-scrollbar-thumb { - background: #424242; - box-shadow: inset 0 0 0 4px #2d2d2d; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #424242; } - -.squireToolbar-select-list { - background: #282828; - color: #fbf1c7; } - -.squireToolbar-dropdown-divider { - background-color: #424242; } - -.squireToolbar-select-item:hover { - background: #232323; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #282828; } - -#pm_composer .composer .fill { - background: #282828; } - -.autocompleteEmails-item { - background-color: #232323; - border-color: #232323; } - -.autocompleteEmails-label { - border-left: 1px solid #424242; - border-right: 1px solid #424242; } - -.composerOptions-container.show { - background: #232323; } - .composerOptions-container.show .shadow-container { - background: #282828; - color: #fbf1c7; } - -.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: #232323; - border-color: #424242; - color: #0f0f0f; } - -.pm-button-blueborder { - border-color: #689d6a; - color: #689d6a; } - -.pm-button-blueborder:hover { - border-color: #77a779; - color: #77a779; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #2d2d2d !important; } - -.squireToolbar-separator { - background: #353535; } - -.composerTime-container, -[class*="composer-field"] { - color: #fbf1c7; } - -.composerInputMeta-overlay-fakefield { - border-color: #fbf1c7; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #424242; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #fbf1c7; } - -[class*="block-info"] { - background-color: #424242; - color: #fbf1c7; } - -.fill-global-grey { - fill: #689d6a; } - -.starbutton { - fill: #1d2021; } - -.bg-global-light, kbd { - background: #282828; } - -.item-container, .item-container-row, .contactsummary-container { - background: #282828; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #424242; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #424242; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #353535; } - -.item-container.active, .item-is-selected { - background: #232323; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #689d6a; } - -.item-icon { - background-color: #282828; - border: 1px solid #f9ebaf; } - -.selectBoxElement-container:hover .item-icon { - background-color: #282828; - border: 1px solid #5d8f5f; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #5d8f5f; } - -.selectBoxElement-container { - color: #fbf1c7; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #5d8f5f; - border-color: #5d8f5f; } - -.items-column-list, -.elementList-container-row { - background-color: #282828; } - -.message-header { - background-color: #353535; } - -.view-column-detail { - background-color: #282828; } - -details:first-child { - border-color: #424242; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #424242; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #424242; - border-left: 1px solid #424242; - background-color: #353535; } - -.message-infobox { - background-color: #282828; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #689d6a; } - -.squireDropdown-item-label { - color: #fbf1c7; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #fbf1c7; - background: #353535; } - .angular-squire-iframe body a { - color: #689d6a; } - -.plaintext-editor { - color: #fbf1c7; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #282828; - border-color: #424242; - color: #fbf1c7; } - -.message-attachmentInfo { - border-color: #424242; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #689d6a; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #424242; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #424242; - color: #689d6a; } - -.dropDown-content { - background: #282828; - color: #fbf1c7; } - .dropDown-content button { - color: #fbf1c7; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #fbf1c7; } - .dropDown-content .dropDown-item:hover { - background: #353535 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #424242; } - .dropDown-content .dropDown-item .color-global-grey { - color: #fbf1c7; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #282828; } - -.dropDown--right-bottom::before { - border-right-color: #282828; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #282828; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #282828; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #424242; } - -.dropDown--bottom-right { - border: 1px solid #424242; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #353535; } - -.dropDown-contentInner { - background-color: #282828; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #282828; } - .dropDown-contentInner .dropDown-item span { - color: #fbf1c7 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #fbf1c7; - color: #282828; } - -.link, a, .pm-button--link { - color: #689d6a; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #77a779; } - -.pm-modal, .pm-modalContentInner { - background-color: #282828; - color: #fbf1c7; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #282828; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #4e4e4e; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #689d6a; - color: #689d6a; - background-color: #353535; - transition: background-color .2s ease-in-out; } - -.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: #689d6a; - color: #689d6a; - background-color: #252525; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #fbf1c7; - background-color: #353535; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #f9ebaf; } - -.composerInputMeta-autocomplete input { - color: #fbf1c7; - background-color: #353535; } - .composerInputMeta-autocomplete input::placeholder { - color: #f9ebaf; } - -select.pm-field, select.pm-field-icon-container { - background-color: #353535; - color: #fbf1c7; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #282828; } - -.main-area, .main-area-content { - background-color: #282828; } - .main-area .p1, .main-area-content .p1 { - background-color: #353535; } - -.subnav { - background: #353535; } - .subnav .link, .subnav a { - color: #689d6a; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #77a779; } - -.pm-toggle-label { - border-color: #424242; - background: #353535; } - .pm-toggle-label::before { - background: #282828; } - .pm-toggle-label .pm-toggle-label-img { - fill: #fbf1c7; } - -.pm-plans-table-row--highlighted { - background-color: #282828; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #689d6a; - background: transparent; } - -[class*="icon-"].color-primary { - color: #689d6a; } - -.color-global-grey-dm { - color: #689d6a; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #fbf1c7; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #0f0f0f; } - -.calendar-dayeventcell-inner { - color: #fbf1c7; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #0f0f0f; } diff --git a/themes/monokai/monokai_full.css b/themes/monokai/monokai_full.css deleted file mode 100644 index ff6d3cf..0000000 --- a/themes/monokai/monokai_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * MONOKAI THEME - * Version: v4.0.0-beta.20 - * Author: tripscripts - * Website: N/A - * Twitter: N/A - * =========================================== */ -:root { - --main-bg-color: #1D1E1A; - --secondary-bg-color: #10100e; - --bgcolor-searchbox-field: #5B26D6; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #2a2c26; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #FFF; - --color-nav-active: #89C62A; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #89C62A; - border: 1px solid #89C62A; - 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: #FFF; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #7ab126; - border: 1px solid #7ab126; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #1D1E1A; - border-color: #89C62A; - color: #89C62A; } - -.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: #1D1E1A; - border-color: #96d435; - color: #96d435; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #7ab126; - color: #7ab126; } - -.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: #7ab126; - color: #7ab126; } - -.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: #e3f3c9; - border-color: #96d435; - color: #6c9c21; } - -.bg-primary { - background-color: #2a2c26; } - -.color-primary { - color: #89C62A; } - -.aside-link { - background: #10100e; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #10100e; - background: none; } - -.navigation__counterItem { - background-color: #6c9c21; - color: white; } - -.circle-chart__circle { - stroke: #89C62A; } - -#global_search.searchbox-field[type="search"] { - background-color: #5B26D6; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #1D1E1A; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #FFF; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #89C62A; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #89C62A; } - -.protonmail .text-purple { - color: #1D1E1A !important; } - -.protonmail .text-purple:hover { - color: #6c9c21 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #89C62A; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #2a2c26; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #89C62A; } - -.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(137, 198, 42, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #7ab126; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #7ab126; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #7ab126; - border-color: #7ab126; } - -.item-checkbox:checked + .item-icon { - background-color: #89C62A; - border-color: #89C62A; } - -.item-checkbox + .item-icon:hover { - background-color: #7ab126; - border-color: #7ab126; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #FFF; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #FFF; } - -.starbutton { - fill: #89C62A !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #89C62A; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #7ab126; } - -.encryptionStatus .color-pm-blue svg { - color: #7ab126; - fill: #7ab126; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #89C62A; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #89C62A; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #1D1E1A; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #6c9c21; } - -.pm-button--primary { - background-color: #89C62A; - border-color: #89C62A; } - -.pm-button--link, .pm-button.pm-button--link { - color: #89C62A; } - -.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: #89C62A; - border-color: #89C62A; } - -.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: #7ab126; - border: 1px solid #7ab126; } - -.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: #6c9c21; - border-color: #6c9c21; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #1D1E1A; - color: #1D1E1A; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #6c9c21; - color: #6c9c21; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #6c9c21; - color: #6c9c21; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #89C62A; - border-color: #89C62A; } - -.angular-squire-iframe body a { - color: #89C62A; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #89C62A; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #89C62A; - color: #89C62A; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #89C62A; } - -.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: #89C62A; } - -.pm-simple-table-row-th .fill-primary { - fill: #89C62A; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #1D1E1A; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #1D1E1A; } - -[class*="icon-"].color-primary { - color: #1D1E1A; } - [class*="icon-"].color-primary:hover { - color: #6c9c21; } - -.badgeLabel, .badgeLabel-primary { - border-color: #6c9c21; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #6c9c21; } - -.progress-contact, .progressbar { - color: #89C62A; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #89C62A; } - -.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: #5d871d; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #89C62A; } - -body { - scrollbar-color: #373932 #22231f; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #22231f; } - ::-webkit-scrollbar-thumb { - background: #373932; - box-shadow: inset 0 0 0 4px #22231f; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #373932; } - -.squireToolbar-select-list { - background: #1D1E1A; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #373932; } - -.squireToolbar-select-item:hover { - background: #181915; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #1D1E1A; } - -#pm_composer .composer .fill { - background: #1D1E1A; } - -.autocompleteEmails-item { - background-color: #181915; - border-color: #181915; } - -.autocompleteEmails-label { - border-left: 1px solid #373932; - border-right: 1px solid #373932; } - -.composerOptions-container.show { - background: #181915; } - .composerOptions-container.show .shadow-container { - background: #1D1E1A; - color: #e6eaf0; } - -.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: #181915; - border-color: #373932; - color: #030302; } - -.pm-button-blueborder { - border-color: #89C62A; - color: #89C62A; } - -.pm-button-blueborder:hover { - border-color: #96d435; - color: #96d435; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #22231f !important; } - -.squireToolbar-separator { - background: #2a2c26; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #373932; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #373932; - color: #e6eaf0; } - -.fill-global-grey { - fill: #89C62A; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #1D1E1A; } - -.item-container, .item-container-row, .contactsummary-container { - background: #1D1E1A; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #373932; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #373932; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #2a2c26; } - -.item-container.active, .item-is-selected { - background: #181915; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #89C62A; } - -.item-icon { - background-color: #1D1E1A; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #1D1E1A; - border: 1px solid #7ab126; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #7ab126; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #7ab126; - border-color: #7ab126; } - -.items-column-list, -.elementList-container-row { - background-color: #1D1E1A; } - -.message-header { - background-color: #2a2c26; } - -.view-column-detail { - background-color: #1D1E1A; } - -details:first-child { - border-color: #373932; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #373932; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #373932; - border-left: 1px solid #373932; - background-color: #2a2c26; } - -.message-infobox { - background-color: #1D1E1A; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #89C62A; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #2a2c26; } - .angular-squire-iframe body a { - color: #89C62A; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #1D1E1A; - border-color: #373932; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #373932; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #89C62A; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #373932; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #373932; - color: #89C62A; } - -.dropDown-content { - background: #1D1E1A; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #2a2c26 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #373932; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #1D1E1A; } - -.dropDown--right-bottom::before { - border-right-color: #1D1E1A; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #1D1E1A; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #1D1E1A; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #373932; } - -.dropDown--bottom-right { - border: 1px solid #373932; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #2a2c26; } - -.dropDown-contentInner { - background-color: #1D1E1A; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #1D1E1A; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #1D1E1A; } - -.link, a, .pm-button--link { - color: #89C62A; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #96d435; } - -.pm-modal, .pm-modalContentInner { - background-color: #1D1E1A; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #1D1E1A; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #45473e; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #89C62A; - color: #89C62A; - background-color: #2a2c26; - transition: background-color .2s ease-in-out; } - -.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: #89C62A; - color: #89C62A; - background-color: #1a1b18; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #2a2c26; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #2a2c26; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #2a2c26; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #1D1E1A; } - -.main-area, .main-area-content { - background-color: #1D1E1A; } - .main-area .p1, .main-area-content .p1 { - background-color: #2a2c26; } - -.subnav { - background: #2a2c26; } - .subnav .link, .subnav a { - color: #89C62A; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #96d435; } - -.pm-toggle-label { - border-color: #373932; - background: #2a2c26; } - .pm-toggle-label::before { - background: #1D1E1A; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #1D1E1A; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #89C62A; - background: transparent; } - -[class*="icon-"].color-primary { - color: #89C62A; } - -.color-global-grey-dm { - color: #89C62A; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #030302; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #030302; } diff --git a/themes/ochin/ochin_full.css b/themes/ochin/ochin_full.css deleted file mode 100644 index 794e02d..0000000 --- a/themes/ochin/ochin_full.css +++ /dev/null @@ -1,670 +0,0 @@ -/*! =========================================== * - * OCHIN - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: https://www.csalmeida.com - * Twitter: @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #333E4C; - --secondary-bg-color: #29323d; - --bgcolor-searchbox-field: #1A2533; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #3d4a5b; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #C2C5CA; - --color-nav-active: #A8E576; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #A8E576; - border: 1px solid #A8E576; - 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: #C2C5CA; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #9ae161; - border: 1px solid #9ae161; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #333E4C; - border-color: #A8E576; - color: #A8E576; } - -.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: #333E4C; - border-color: #b6e98b; - color: #b6e98b; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #9ae161; - color: #9ae161; } - -.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: #9ae161; - color: #9ae161; } - -.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: #b6e98b; - color: #8ddd4b; } - -.bg-primary { - background-color: #3d4a5b; } - -.color-primary { - color: #A8E576; } - -.aside-link { - background: #29323d; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #29323d; - background: none; } - -.navigation__counterItem { - background-color: #8ddd4b; - color: white; } - -.circle-chart__circle { - stroke: #A8E576; } - -#global_search.searchbox-field[type="search"] { - background-color: #1A2533; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #333E4C; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #C2C5CA; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #A8E576; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #A8E576; } - -.protonmail .text-purple { - color: #333E4C !important; } - -.protonmail .text-purple:hover { - color: #8ddd4b !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #A8E576; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #3d4a5b; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #A8E576; } - -.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(168, 229, 118, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #9ae161; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #9ae161; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #9ae161; - border-color: #9ae161; } - -.item-checkbox:checked + .item-icon { - background-color: #A8E576; - border-color: #A8E576; } - -.item-checkbox + .item-icon:hover { - background-color: #9ae161; - border-color: #9ae161; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #C2C5CA; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #C2C5CA; } - -.starbutton { - fill: #A8E576 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #A8E576; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #9ae161; } - -.encryptionStatus .color-pm-blue svg { - color: #9ae161; - fill: #9ae161; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #A8E576; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #A8E576; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #333E4C; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #8ddd4b; } - -.pm-button--primary { - background-color: #A8E576; - border-color: #A8E576; } - -.pm-button--link, .pm-button.pm-button--link { - color: #A8E576; } - -.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: #A8E576; - border-color: #A8E576; } - -.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: #9ae161; - border: 1px solid #9ae161; } - -.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: #8ddd4b; - border-color: #8ddd4b; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #333E4C; - color: #333E4C; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #8ddd4b; - color: #8ddd4b; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #8ddd4b; - color: #8ddd4b; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #A8E576; - border-color: #A8E576; } - -.angular-squire-iframe body a { - color: #A8E576; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #A8E576; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #A8E576; - color: #A8E576; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #A8E576; } - -.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: #A8E576; } - -.pm-simple-table-row-th .fill-primary { - fill: #A8E576; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #333E4C; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #333E4C; } - -[class*="icon-"].color-primary { - color: #333E4C; } - [class*="icon-"].color-primary:hover { - color: #8ddd4b; } - -.badgeLabel, .badgeLabel-primary { - border-color: #8ddd4b; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #8ddd4b; } - -.progress-contact, .progressbar { - color: #A8E576; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #A8E576; } - -.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: #7fd936; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #A8E576; } - -body { - scrollbar-color: #47576b #374352; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #374352; } - ::-webkit-scrollbar-thumb { - background: #47576b; - box-shadow: inset 0 0 0 4px #374352; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #47576b; } - -.squireToolbar-select-list { - background: #333E4C; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #47576b; } - -.squireToolbar-select-item:hover { - background: #2f3946; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #333E4C; } - -#pm_composer .composer .fill { - background: #333E4C; } - -.autocompleteEmails-item { - background-color: #2f3946; - border-color: #2f3946; } - -.autocompleteEmails-label { - border-left: 1px solid #47576b; - border-right: 1px solid #47576b; } - -.composerOptions-container.show { - background: #2f3946; } - .composerOptions-container.show .shadow-container { - background: #333E4C; - color: #e6eaf0; } - -.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: #2f3946; - border-color: #47576b; - color: #1f252d; } - -.pm-button-blueborder { - border-color: #A8E576; - color: #A8E576; } - -.pm-button-blueborder:hover { - border-color: #b6e98b; - color: #b6e98b; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #374352 !important; } - -.squireToolbar-separator { - background: #3d4a5b; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #47576b; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #47576b; - color: #e6eaf0; } - -.fill-global-grey { - fill: #A8E576; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #333E4C; } - -.item-container, .item-container-row, .contactsummary-container { - background: #333E4C; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #47576b; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #47576b; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #3d4a5b; } - -.item-container.active, .item-is-selected { - background: #2f3946; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #A8E576; } - -.item-icon { - background-color: #333E4C; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #333E4C; - border: 1px solid #9ae161; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #9ae161; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #9ae161; - border-color: #9ae161; } - -.items-column-list, -.elementList-container-row { - background-color: #333E4C; } - -.message-header { - background-color: #3d4a5b; } - -.view-column-detail { - background-color: #333E4C; } - -details:first-child { - border-color: #47576b; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #47576b; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #47576b; - border-left: 1px solid #47576b; - background-color: #3d4a5b; } - -.message-infobox { - background-color: #333E4C; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #A8E576; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #3d4a5b; } - .angular-squire-iframe body a { - color: #A8E576; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #333E4C; - border-color: #47576b; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #47576b; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #A8E576; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #47576b; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #47576b; - color: #A8E576; } - -.dropDown-content { - background: #333E4C; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #3d4a5b !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #47576b; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #333E4C; } - -.dropDown--right-bottom::before { - border-right-color: #333E4C; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #333E4C; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #333E4C; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #47576b; } - -.dropDown--bottom-right { - border: 1px solid #47576b; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #3d4a5b; } - -.dropDown-contentInner { - background-color: #333E4C; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #333E4C; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #333E4C; } - -.link, a, .pm-button--link { - color: #A8E576; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #b6e98b; } - -.pm-modal, .pm-modalContentInner { - background-color: #333E4C; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #333E4C; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #52637a; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #A8E576; - color: #A8E576; - background-color: #3d4a5b; - transition: background-color .2s ease-in-out; } - -.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: #A8E576; - color: #A8E576; - background-color: #313c49; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #3d4a5b; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #3d4a5b; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #3d4a5b; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #333E4C; } - -.main-area, .main-area-content { - background-color: #333E4C; } - .main-area .p1, .main-area-content .p1 { - background-color: #3d4a5b; } - -.subnav { - background: #3d4a5b; } - .subnav .link, .subnav a { - color: #A8E576; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #b6e98b; } - -.pm-toggle-label { - border-color: #47576b; - background: #3d4a5b; } - .pm-toggle-label::before { - background: #333E4C; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #333E4C; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #A8E576; - background: transparent; } - -[class*="icon-"].color-primary { - color: #A8E576; } - -.color-global-grey-dm { - color: #A8E576; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #1f252d; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #1f252d; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #FFF; - background-color: #7297C4; - border: 1px solid #7297C4; } - -.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: #3d6493; - border: 1px solid #3d6493; } diff --git a/themes/vitamin_c/vitamin_c_full.css b/themes/vitamin_c/vitamin_c_full.css deleted file mode 100644 index e0c70e9..0000000 --- a/themes/vitamin_c/vitamin_c_full.css +++ /dev/null @@ -1,659 +0,0 @@ -/*! =========================================== * - * VITAMIN C THEME - * Version: v4.0.0-beta.20 - * Author: Cristiano Almeida - * Website: www.csalmeida.com - * Twitter: @_csalmeida - * =========================================== */ -:root { - --main-bg-color: #004358; - --secondary-bg-color: #00303f; - --bgcolor-searchbox-field: #1F8A70; - --bgcolor-spacebar: rgba(255, 255, 255, 0.1); - --bgcolor-aside-link: rgba(0, 0, 0, 0.3); - --bgcolor-toolbar: #005672; - --fillcolor-logo: #f6f7fa; - --fillcolor-icons: #fff; - --color-nav-link: #FFE11A; - --color-nav-active: #FD7400; - --color-standard-text: #fff; - --boxshadow-main: none; } - -.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { - color: #fff; - background-color: #FD7400; - border: 1px solid #FD7400; - 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: #FFE11A; - box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2); - background: #e46800; - border: 1px solid #e46800; } - -.pm-button--primaryborder-dark, .pm-button-blueborder-dark { - background: #004358; - border-color: #FD7400; - color: #FD7400; } - -.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: #004358; - border-color: #ff8218; - color: #ff8218; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #e46800; - color: #e46800; } - -.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: #e46800; - color: #e46800; } - -.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: #ffe2ca; - border-color: #ff8218; - color: #ca5d00; } - -.bg-primary { - background-color: #005672; } - -.color-primary { - color: #FD7400; } - -.aside-link { - background: #00303f; } - -.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon { - fill: #00303f; - background: none; } - -.navigation__counterItem { - background-color: #ca5d00; - color: white; } - -.circle-chart__circle { - stroke: #FD7400; } - -#global_search.searchbox-field[type="search"] { - background-color: #1F8A70; - color: #e6eaf0; } - -.searchbox-advanced-search-button:active, -.searchbox-advanced-search-button:focus, -.searchbox-advanced-search-button:hover { - background-color: #004358; } - -.topnav-link, .topnav-link > .topnav-icon { - color: #FFE11A; - transition: color .2s ease-in-out; } - -.topnav-link:active, .topnav-link:focus, -.topnav-link:hover, .topnav-link[aria-current="true"] { - color: #FD7400; } - -.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon, -.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon { - color: #FD7400; } - -.protonmail .text-purple { - color: #004358 !important; } - -.protonmail .text-purple:hover { - color: #ca5d00 !important; } - -.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover { - color: #FD7400; } - -#pm_composer .composer .composerHeader-container, -.composerInputMeta-overlay .composerHeader-container { - background: #005672; } - -#pm_composer .composer .fill { - background: #fff; } - -.conversation.marked::before { - background: #FD7400; } - -.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(253, 116, 0, 0.1); } - -.selectBoxElement-container:hover .item-icon { - background-color: transparent; - border: 1px solid #e46800; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #e46800; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #e46800; - border-color: #e46800; } - -.item-checkbox:checked + .item-icon { - background-color: #FD7400; - border-color: #FD7400; } - -.item-checkbox + .item-icon:hover { - background-color: #e46800; - border-color: #e46800; } - -.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { - fill: #FFE11A; } - -.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { - fill: #FFE11A; } - -.starbutton { - fill: #FD7400 !important; - opacity: 0.7; } - -.starbutton:focus, .starbutton:hover { - fill: #FD7400; } - -.autocompleteEmailsItem-icon svg.encryptionIcon { - fill: #e46800; } - -.encryptionStatus .color-pm-blue svg { - color: #e46800; - fill: #e46800; } - -.encryptionStatus .color-global-grey-dm svg { - color: black; } - -.color-pm-blue { - color: #FD7400; } - -.pm-radio:checked + .pm-radio-fakeradio::before { - background: #FD7400; } - -.block-info-standard { - border-color: #1b68c6; } - -.block-info-standard-warning { - border-color: #ffaa00; } - -.block-info-standard-error { - border-color: #d62646; } - -.link, a, .pm-button--link { - color: #004358; - transition: color .2s ease-in-out; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover { - color: #ca5d00; } - -.pm-button--primary { - background-color: #FD7400; - border-color: #FD7400; } - -.pm-button--link, .pm-button.pm-button--link { - color: #FD7400; } - -.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: #FD7400; - border-color: #FD7400; } - -.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: #e46800; - border: 1px solid #e46800; } - -.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: #ca5d00; - border-color: #ca5d00; } - -.pm-button-blueborder { - box-shadow: none; - border-color: #004358; - color: #004358; - transition: color .2s ease-in-out, border-color .2s ease-in-out; } - -.pm-button-blueborder:hover { - box-shadow: none; - border-color: #ca5d00; - color: #ca5d00; } - -.is-active.pm-button--primaryborder, -.pm-button--primaryborder:not(div):active, -.pm-button-blueborder.is-active, -.pm-button-blueborder:not(div):active { - border-color: #ca5d00; - color: #ca5d00; - background: transparent; } - -.pm-toggle-checkbox:checked + .pm-toggle-label:before { - background: #FD7400; - border-color: #FD7400; } - -.angular-squire-iframe body a { - color: #FD7400; } - -.fill-pm-blue, -.message-attachmentIcon .file-outer-icon.is-embedded { - fill: #FD7400; } - -.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) { - border-color: #FD7400; - color: #FD7400; } - .pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before { - background-color: #FD7400; } - -.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: #FD7400; } - -.pm-simple-table-row-th .fill-primary { - fill: #FD7400; } - -.pm-checkbox-fakecheck, .pm-radio-fakeradio { - border-color: #004358; } - .pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] { - fill: #004358; } - -[class*="icon-"].color-primary { - color: #004358; } - [class*="icon-"].color-primary:hover { - color: #ca5d00; } - -.badgeLabel, .badgeLabel-primary { - border-color: #ca5d00; } - -.badgeLabel, -.badgeLabel-blue, -.badgeLabel-primary, -.bg-pm-blue { - background-color: #ca5d00; } - -.progress-contact, .progressbar { - color: #FD7400; } - .progress-contact::-moz-progress-bar, .progressbar::-moz-progress-bar { - background: #FD7400; } - -.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: #b15100; } - -.minicalendar-day[aria-current="date"][aria-pressed="true"]::before { - background: #FD7400; } - -body { - scrollbar-color: #006a8b #004b62; } - -::-webkit-scrollbar { - width: 16px; } - ::-webkit-scrollbar-track { - background: #004b62; } - ::-webkit-scrollbar-thumb { - background: #006a8b; - box-shadow: inset 0 0 0 4px #004b62; - border-radius: 16px; } - -.bordered, -.bordered-container:not([class*="composerInputMeta-"]), -.breadcrumb-container { - border-color: #006a8b; } - -.squireToolbar-select-list { - background: #004358; - color: #e6eaf0; } - -.squireToolbar-dropdown-divider { - background-color: #006a8b; } - -.squireToolbar-select-item:hover { - background: #003b4e; } - -#pm_composer .composer, -.composerInputMeta-overlay { - background: #004358; } - -#pm_composer .composer .fill { - background: #004358; } - -.autocompleteEmails-item { - background-color: #003b4e; - border-color: #003b4e; } - -.autocompleteEmails-label { - border-left: 1px solid #006a8b; - border-right: 1px solid #006a8b; } - -.composerOptions-container.show { - background: #003b4e; } - .composerOptions-container.show .shadow-container { - background: #004358; - color: #e6eaf0; } - -.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: #003b4e; - border-color: #006a8b; - color: #001c25; } - -.pm-button-blueborder { - border-color: #FD7400; - color: #FD7400; } - -.pm-button-blueborder:hover { - border-color: #ff8218; - color: #ff8218; } - -[class*="squireToolbar-row"] .squireToolbar-action-mode:active, [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover { - background: #004b62 !important; } - -.squireToolbar-separator { - background: #005672; } - -.composerTime-container, -[class*="composer-field"] { - color: #e6eaf0; } - -.composerInputMeta-overlay-fakefield { - border-color: #e6eaf0; } - -.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { - color: white; } - -.conversation { - border-color: #006a8b; } - -.main-area, -.main-area--noHeader, -.main-area--withToolbar, -.main-area--withToolbar--noHeader, -[class*="block-info-"] { - color: #e6eaf0; } - -[class*="block-info"] { - background-color: #006a8b; - color: #e6eaf0; } - -.fill-global-grey { - fill: #FD7400; } - -.starbutton { - fill: #0d0d0d; } - -.bg-global-light, kbd { - background: #004358; } - -.item-container, .item-container-row, .contactsummary-container { - background: #004358; } - -.items-column-list-inner, .ReactVirtualized__Grid__innerScrollContainer { - border-color: #006a8b; } - .items-column-list-inner .item-container, .items-column-list-inner .item-container-row, .ReactVirtualized__Grid__innerScrollContainer .item-container, .ReactVirtualized__Grid__innerScrollContainer .item-container-row { - border-color: #006a8b; } - -.item-container:not(.item-is-selected):not(.read):not(.active), -.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), .squireToolbar-container { - background: #005672; } - -.item-container.active, .item-is-selected { - background: #003b4e; } - .item-container.active .flex-item-fluid, .item-is-selected .flex-item-fluid { - color: #FD7400; } - -.item-icon { - background-color: #004358; - border: 1px solid #d6dde6; } - -.selectBoxElement-container:hover .item-icon { - background-color: #004358; - border: 1px solid #e46800; } - .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { - fill: #e46800; } - -.selectBoxElement-container { - color: #e6eaf0; } - -.selectBoxElement-container:hover .item-checkbox:checked + .item-icon { - background-color: #e46800; - border-color: #e46800; } - -.items-column-list, -.elementList-container-row { - background-color: #004358; } - -.message-header { - background-color: #005672; } - -.view-column-detail { - background-color: #004358; } - -details:first-child { - border-color: #006a8b; } - -.items-column-list, -.message-container, -.message-attachments { - border-color: #006a8b; } - -.message-container:not(.sent):not(.draft) .message-header.message-summary::before, -.message-header.is-inbound::before { - border-top: 1px solid #006a8b; - border-left: 1px solid #006a8b; - background-color: #005672; } - -.message-infobox { - background-color: #004358; } - -.message-content.frame.message-frame { - background: white; - color: black; } - -.block-info-standard, .bodyDecrypted blockquote { - border-color: #FD7400; } - -.squireDropdown-item-label { - color: #e6eaf0; } - -.squireToolbar-action-color { - background: transparent; } - -.angular-squire-iframe body { - color: #e6eaf0; - background: #005672; } - .angular-squire-iframe body a { - color: #FD7400; } - -.plaintext-editor { - color: #e6eaf0; } - -.pm-button, .pm-button--info, .pm-button--redborder { - background: #004358; - border-color: #006a8b; - color: #e6eaf0; } - -.message-attachmentInfo { - border-color: #006a8b; } - -.is-hover.pm-button--info, .is-hover.pm-button--redborder, -.pm-button--info:focus, .pm-button--info:focus-within, -.pm-button--info:hover, .pm-button--redborder:focus, -.pm-button--redborder:focus-within, .pm-button--redborder:hover, -.pm-button.is-hover, .pm-button:focus, -.pm-button:focus-within, .pm-button:hover:not(.pm-button--primary) { - color: #FD7400; } - -.is-disabled.pm-button--info, -.is-disabled.pm-button--redborder, -.pm-button--info[disabled], -.pm-button--redborder[disabled], -.pm-button.is-disabled, -.pm-button[disabled] { - background: #006a8b; } - -.is-active.pm-button--info, -.is-active.pm-button--redborder, -.pm-button--info:not(div):active, -.pm-button--redborder:not(div):active, -.pm-button.is-active, .pm-button:not(div):active { - background: #006a8b; - color: #FD7400; } - -.dropDown-content { - background: #004358; - color: #e6eaf0; } - .dropDown-content button { - color: #e6eaf0; } - .dropDown-content .elementsSelector-btn-action, - .dropDown-content .dropDown-item:hover { - color: #e6eaf0; } - .dropDown-content .dropDown-item:hover { - background: #005672 !important; } - .dropDown-content .dropDown-item + .dropDown-item { - border-top: 1px solid #006a8b; } - .dropDown-content .dropDown-item .color-global-grey { - color: #e6eaf0; } - -.dropDown .dropDown-content::before, .dropDown .dropDown-content::after { - border-bottom-color: #004358; } - -.dropDown--right-bottom::before { - border-right-color: #004358; } - -.dropDown--right-bottom .dropDown-content::before, .dropDown--right-bottom .dropDown-content::after { - background: #004358; } - -.dropDown--bottom-right .dropDown-content::before, .dropDown--bottom-right .dropDown-content::after { - background: #004358; } - -.dropDown--bottom-left::before, -.dropDown--bottom-right::before, -.dropDown--bottom::before { - border-bottom-color: #006a8b; } - -.dropDown--bottom-right { - border: 1px solid #006a8b; } - -.pm-field-icon-container[type="search"], .pm-field[type="search"] { - background-color: #005672; } - -.dropDown-contentInner { - background-color: #004358; } - .dropDown-contentInner::before, .dropDown-contentInner::after { - background-color: #004358; } - .dropDown-contentInner .dropDown-item span { - color: #e6eaf0 !important; } - -.searchbox-field[type="search"]:not(#global_search) { - background: #e6eaf0; - color: #004358; } - -.link, a, .pm-button--link { - color: #FD7400; } - -.link:active, .link:focus, .link:hover, -a:active, a:focus, a:hover, -.pm-button--link:hover, -.composerInputMeta-label:hover { - color: #ff8218; } - -.pm-modal, .pm-modalContentInner { - background-color: #004358; - color: #e6eaf0; } - .pm-modal::before, .pm-modal::after, .pm-modalContentInner::before, .pm-modalContentInner::after { - background-color: #004358; } - .pm-modal .labelColorSelector-item-mask, .pm-modalContentInner .labelColorSelector-item-mask { - border: 2px solid #007da5; } - -.pm-button--primaryborder, .pm-button-blueborder { - border-color: #FD7400; - color: #FD7400; - background-color: #005672; - transition: background-color .2s ease-in-out; } - -.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: #FD7400; - color: #FD7400; - background-color: #003f53; } - -.pm-field, .pm-field-icon-container, -.focus.pm-field-icon-container, .pm-field-icon-container:focus, -.pm-field-icon-container:focus-within, .pm-field.focus, -.pm-field:focus, .pm-field:focus-within, -.composerInputMeta-overlay-fakefield, -.composerInputMeta-autocomplete { - color: #e6eaf0; - background-color: #005672; } - .pm-field::placeholder, .pm-field-icon-container::placeholder, - .focus.pm-field-icon-container::placeholder, .pm-field-icon-container:focus::placeholder, - .pm-field-icon-container:focus-within::placeholder, .pm-field.focus::placeholder, - .pm-field:focus::placeholder, .pm-field:focus-within::placeholder, - .composerInputMeta-overlay-fakefield::placeholder, - .composerInputMeta-autocomplete::placeholder { - color: #d6dde6; } - -.composerInputMeta-autocomplete input { - color: #e6eaf0; - background-color: #005672; } - .composerInputMeta-autocomplete input::placeholder { - color: #d6dde6; } - -select.pm-field, select.pm-field-icon-container { - background-color: #005672; - color: #e6eaf0; } - -.storageProgress-content.dropDown-content--rightbottom::before { - border-right-color: #004358; } - -.main-area, .main-area-content { - background-color: #004358; } - .main-area .p1, .main-area-content .p1 { - background-color: #005672; } - -.subnav { - background: #005672; } - .subnav .link, .subnav a { - color: #FD7400; } - .subnav .link:active, .subnav .link:focus, .subnav .link:hover, .subnav a:active, .subnav a:focus, .subnav a:hover { - color: #ff8218; } - -.pm-toggle-label { - border-color: #006a8b; - background: #005672; } - .pm-toggle-label::before { - background: #004358; } - .pm-toggle-label .pm-toggle-label-img { - fill: #e6eaf0; } - -.pm-plans-table-row--highlighted { - background-color: #004358; } - -.pm-checkbox-fakecheck, -.pm-radio-fakeradio { - border-color: #FD7400; - background: transparent; } - -[class*="icon-"].color-primary { - color: #FD7400; } - -.color-global-grey-dm { - color: #FD7400; } - -.calendar-grid-heading, .calendar-monthgrid-day { - color: #e6eaf0; } - -.calendar-grid-heading[aria-current="date"] { - color: white; } - -.calendar-daygrid-weeknumber { - background-color: #001c25; } - -.calendar-dayeventcell-inner { - color: #e6eaf0; } - -.calendar-dayeventcell-inner:focus, -.calendar-dayeventcell-inner:hover { - background-color: #001c25; } |
