diff options
| author | cristiano <[email protected]> | 2019-11-24 13:50:59 +0000 |
|---|---|---|
| committer | cristiano <[email protected]> | 2019-11-24 13:50:59 +0000 |
| commit | 28d0353f63188c2dbdf9564e35b6bc8680fff711 (patch) | |
| tree | 3554c9d44b793b2b302ff7fc7e395fbf0b0c1793 /themes | |
| parent | 0ec5258290895471b8aab6a03a18e7453a283093 (diff) | |
| download | protonmail-themes-28d0353f63188c2dbdf9564e35b6bc8680fff711.tar.xz protonmail-themes-28d0353f63188c2dbdf9564e35b6bc8680fff711.zip | |
Compiled themes. 💅
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/blue_and_orange/blue_and_orange.css | 44 | ||||
| -rw-r--r-- | themes/blue_and_orange/blue_and_orange_full.css | 356 | ||||
| -rw-r--r-- | themes/dark_bubble_gum/dark_bubble_gum.css | 44 | ||||
| -rw-r--r-- | themes/dark_bubble_gum/dark_bubble_gum_full.css | 356 | ||||
| -rw-r--r-- | themes/deutera_one/deutera_one.css | 189 | ||||
| -rw-r--r-- | themes/deutera_one/deutera_one_full.css | 418 | ||||
| -rw-r--r-- | themes/dracula/dracula.css | 44 | ||||
| -rw-r--r-- | themes/dracula/dracula_full.css | 356 | ||||
| -rw-r--r-- | themes/green_lume/green_lume.css | 44 | ||||
| -rw-r--r-- | themes/green_lume/green_lume_full.css | 356 | ||||
| -rw-r--r-- | themes/monokai/monokai.css | 44 | ||||
| -rw-r--r-- | themes/monokai/monokai_full.css | 356 | ||||
| -rw-r--r-- | themes/ochin/ochin.css | 44 | ||||
| -rw-r--r-- | themes/ochin/ochin_full.css | 367 | ||||
| -rw-r--r-- | themes/vitamin_c/vitamin_c.css | 44 | ||||
| -rw-r--r-- | themes/vitamin_c/vitamin_c_full.css | 356 |
16 files changed, 3397 insertions, 21 deletions
diff --git a/themes/blue_and_orange/blue_and_orange.css b/themes/blue_and_orange/blue_and_orange.css index cf51458..adcb806 100644 --- a/themes/blue_and_orange/blue_and_orange.css +++ b/themes/blue_and_orange/blue_and_orange.css @@ -38,9 +38,13 @@ fill: #0b3a46; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #ED7D3A; } +#global_search.searchbox-field[type="search"] { + background-color: #0A353F; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #fff; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #ED7D3A; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(237, 125, 58, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #ED7D3A; border-color: #ED7D3A; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #fff; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #eb6e23; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #eb6e23; } + .color-pm-blue { color: #ED7D3A; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #e06014; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #ED7D3A; + border-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; } + +.progress-contact { + color: #ED7D3A; } + .progress-contact::-moz-progress-bar { + background: #ED7D3A; } diff --git a/themes/blue_and_orange/blue_and_orange_full.css b/themes/blue_and_orange/blue_and_orange_full.css new file mode 100644 index 0000000..53ced04 --- /dev/null +++ b/themes/blue_and_orange/blue_and_orange_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * BLUE AND ORANGE THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #ED7D3A; } + +#global_search.searchbox-field[type="search"] { + background-color: #0A353F; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #ED7D3A; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(237, 125, 58, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #ED7D3A; + border-color: #ED7D3A; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #ED7D3A; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #fff; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #eb6e23; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #eb6e23; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #ED7D3A; + border-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; } + +.progress-contact { + color: #ED7D3A; } + .progress-contact::-moz-progress-bar { + background: #ED7D3A; } + +.conversation { + border-color: #167088; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #ED7D3A; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #0F4C5C; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #0F4C5C; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #167088; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } diff --git a/themes/dark_bubble_gum/dark_bubble_gum.css b/themes/dark_bubble_gum/dark_bubble_gum.css index 7b7a118..c65d944 100644 --- a/themes/dark_bubble_gum/dark_bubble_gum.css +++ b/themes/dark_bubble_gum/dark_bubble_gum.css @@ -38,9 +38,13 @@ fill: #0f0f0f; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #EF2D56; } +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #fff; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #EF2D56; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(239, 45, 86, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #EF2D56; border-color: #EF2D56; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #fff; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #ed1543; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #ed1543; } + .color-pm-blue { color: #EF2D56; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #d9103b; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #EF2D56; + border-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; } + +.progress-contact { + color: #EF2D56; } + .progress-contact::-moz-progress-bar { + background: #EF2D56; } diff --git a/themes/dark_bubble_gum/dark_bubble_gum_full.css b/themes/dark_bubble_gum/dark_bubble_gum_full.css new file mode 100644 index 0000000..1e3e6da --- /dev/null +++ b/themes/dark_bubble_gum/dark_bubble_gum_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * DARK BUBBLE GUM THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #EF2D56; } + +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #EF2D56; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(239, 45, 86, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #EF2D56; + border-color: #EF2D56; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #EF2D56; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #fff; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #ed1543; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #ed1543; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #EF2D56; + border-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; } + +.progress-contact { + color: #EF2D56; } + .progress-contact::-moz-progress-bar { + background: #EF2D56; } + +.conversation { + border-color: #363636; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #EF2D56; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #1C1C1C; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #1C1C1C; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #363636; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } diff --git a/themes/deutera_one/deutera_one.css b/themes/deutera_one/deutera_one.css new file mode 100644 index 0000000..48203fc --- /dev/null +++ b/themes/deutera_one/deutera_one.css @@ -0,0 +1,189 @@ +/*! =========================================== * + * DEUTERA ONE THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #ffed00; } + +#global_search.searchbox-field[type="search"] { + background-color: #08426b; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #ffed00; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(255, 237, 0, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #ffed00; + border-color: #ffed00; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #ffed00; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #fff; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #e6d500; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #e6d500; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #ffed00; + border-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; } + +.progress-contact { + color: #ffed00; } + .progress-contact::-moz-progress-bar { + background: #ffed00; } + +.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/deutera_one/deutera_one_full.css b/themes/deutera_one/deutera_one_full.css new file mode 100644 index 0000000..edf1e17 --- /dev/null +++ b/themes/deutera_one/deutera_one_full.css @@ -0,0 +1,418 @@ +/*! =========================================== * + * DEUTERA ONE THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #ffed00; } + +#global_search.searchbox-field[type="search"] { + background-color: #08426b; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #ffed00; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(255, 237, 0, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #ffed00; + border-color: #ffed00; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #ffed00; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #fff; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #e6d500; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #e6d500; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #ffed00; + border-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; } + +.progress-contact { + color: #ffed00; } + .progress-contact::-moz-progress-bar { + background: #ffed00; } + +.conversation { + border-color: #0000a9; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #ffed00; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #000076; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #000076; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #0000a9; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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-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.css b/themes/dracula/dracula.css index 9673e50..82d1a7e 100644 --- a/themes/dracula/dracula.css +++ b/themes/dracula/dracula.css @@ -38,9 +38,13 @@ fill: #1d1f27; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #FF79C6; } +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #D8D8D8; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #FF79C6; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(255, 121, 198, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #FF79C6; border-color: #FF79C6; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #D8D8D8; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #ff60bb; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #ff60bb; } + .color-pm-blue { color: #FF79C6; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #ff5555; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #ff46b0; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #FF79C6; + border-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; } + +.progress-contact { + color: #FF79C6; } + .progress-contact::-moz-progress-bar { + background: #FF79C6; } diff --git a/themes/dracula/dracula_full.css b/themes/dracula/dracula_full.css new file mode 100644 index 0000000..d7f7464 --- /dev/null +++ b/themes/dracula/dracula_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * DRACULA Theme + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #FF79C6; } + +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #FF79C6; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(255, 121, 198, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #FF79C6; + border-color: #FF79C6; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #FF79C6; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #D8D8D8; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #ff60bb; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #ff60bb; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #FF79C6; + border-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; } + +.progress-contact { + color: #FF79C6; } + .progress-contact::-moz-progress-bar { + background: #FF79C6; } + +.conversation { + border-color: #3e4153; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #FF79C6; } + +.starbutton { + fill: #50fa7b; } + +.bg-global-light, kbd { + background: #282a36; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #282a36; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #3e4153; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } diff --git a/themes/green_lume/green_lume.css b/themes/green_lume/green_lume.css index 553c10b..4bdf4f6 100644 --- a/themes/green_lume/green_lume.css +++ b/themes/green_lume/green_lume.css @@ -38,9 +38,13 @@ fill: #0f0f0f; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #2FBF71; } +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #d6d6d6; } + .topnav-link, .topnav-link > .topnav-icon { color: #fff; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #2FBF71; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(47, 191, 113, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #2FBF71; border-color: #2FBF71; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #fff; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #2aab65; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #2aab65; } + .color-pm-blue { color: #2FBF71; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #259659; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #2FBF71; + border-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; } + +.progress-contact { + color: #2FBF71; } + .progress-contact::-moz-progress-bar { + background: #2FBF71; } diff --git a/themes/green_lume/green_lume_full.css b/themes/green_lume/green_lume_full.css new file mode 100644 index 0000000..67243ba --- /dev/null +++ b/themes/green_lume/green_lume_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * GREEN LUME THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #2FBF71; } + +#global_search.searchbox-field[type="search"] { + background-color: #000; + color: #d6d6d6; } + +.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; } + +.conversation.marked::before { + background: #2FBF71; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(47, 191, 113, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #2FBF71; + border-color: #2FBF71; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #2FBF71; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #fff; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #2aab65; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #2aab65; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #2FBF71; + border-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; } + +.progress-contact { + color: #2FBF71; } + .progress-contact::-moz-progress-bar { + background: #2FBF71; } + +.conversation { + border-color: #363636; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #d6d6d6; } + +.fill-global-grey { + fill: #2FBF71; } + +.starbutton { + fill: #eac819; } + +.bg-global-light, kbd { + background: #1C1C1C; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #1C1C1C; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #363636; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #d6d6d6 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } diff --git a/themes/monokai/monokai.css b/themes/monokai/monokai.css index ec3a7c7..fcf9aac 100644 --- a/themes/monokai/monokai.css +++ b/themes/monokai/monokai.css @@ -38,9 +38,13 @@ fill: #10100e; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #89C62A; } +#global_search.searchbox-field[type="search"] { + background-color: #5B26D6; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #FFF; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #89C62A; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(137, 198, 42, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #89C62A; border-color: #89C62A; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #FFF; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #7ab126; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #7ab126; } + .color-pm-blue { color: #89C62A; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #6c9c21; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #89C62A; + border-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; } + +.progress-contact { + color: #89C62A; } + .progress-contact::-moz-progress-bar { + background: #89C62A; } diff --git a/themes/monokai/monokai_full.css b/themes/monokai/monokai_full.css new file mode 100644 index 0000000..67fa5e8 --- /dev/null +++ b/themes/monokai/monokai_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * MONOKAI THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #89C62A; } + +#global_search.searchbox-field[type="search"] { + background-color: #5B26D6; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #89C62A; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(137, 198, 42, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #89C62A; + border-color: #89C62A; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #89C62A; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #FFF; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #7ab126; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #7ab126; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #89C62A; + border-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; } + +.progress-contact { + color: #89C62A; } + .progress-contact::-moz-progress-bar { + background: #89C62A; } + +.conversation { + border-color: #373932; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #89C62A; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #1D1E1A; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #1D1E1A; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #373932; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } diff --git a/themes/ochin/ochin.css b/themes/ochin/ochin.css index 6333fe6..ac42aee 100644 --- a/themes/ochin/ochin.css +++ b/themes/ochin/ochin.css @@ -38,9 +38,13 @@ fill: #29323d; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #A8E576; } +#global_search.searchbox-field[type="search"] { + background-color: #1A2533; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #C2C5CA; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #A8E576; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(168, 229, 118, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #A8E576; border-color: #A8E576; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #C2C5CA; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #9ae161; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #9ae161; } + .color-pm-blue { color: #A8E576; } @@ -81,13 +93,39 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #8ddd4b; } +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #A8E576; + border-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; } + +.progress-contact { + color: #A8E576; } + .progress-contact::-moz-progress-bar { + background: #A8E576; } + .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue { color: #FFF; background-color: #7297C4; diff --git a/themes/ochin/ochin_full.css b/themes/ochin/ochin_full.css new file mode 100644 index 0000000..ec50021 --- /dev/null +++ b/themes/ochin/ochin_full.css @@ -0,0 +1,367 @@ +/*! =========================================== * + * OCHIN + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #A8E576; } + +#global_search.searchbox-field[type="search"] { + background-color: #1A2533; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #A8E576; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(168, 229, 118, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #A8E576; + border-color: #A8E576; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #A8E576; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #C2C5CA; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #9ae161; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #9ae161; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #A8E576; + border-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; } + +.progress-contact { + color: #A8E576; } + .progress-contact::-moz-progress-bar { + background: #A8E576; } + +.conversation { + border-color: #47576b; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #A8E576; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #333E4C; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #333E4C; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #47576b; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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-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.css b/themes/vitamin_c/vitamin_c.css index d20135c..23afdf9 100644 --- a/themes/vitamin_c/vitamin_c.css +++ b/themes/vitamin_c/vitamin_c.css @@ -38,9 +38,13 @@ fill: #00303f; background: none; } -.storageProgress-container .circle-chart__circle { +.circle-chart__circle { stroke: #FD7400; } +#global_search.searchbox-field[type="search"] { + background-color: #1F8A70; + color: #e6eaf0; } + .topnav-link, .topnav-link > .topnav-icon { color: #FFE11A; transition: color .2s ease-in-out; } @@ -56,6 +60,9 @@ .conversation.marked::before { background: #FD7400; } +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(253, 116, 0, 0.1); } + .conversation .item-checkbox:checked + .item-icon { background-color: #FD7400; border-color: #FD7400; } @@ -66,6 +73,11 @@ .conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { fill: #FFE11A; } +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #e46800; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #e46800; } + .color-pm-blue { color: #FD7400; } @@ -81,9 +93,35 @@ .block-info-standard-error { border-color: #d62646; } -.link, a { +.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 { +.link:active, .link:focus, .link:hover, +a:active, a:focus, a:hover, +.pm-button--link:hover { color: #ca5d00; } + +.pm-toggle-checkbox:checked + .pm-toggle-label:before { + background: #FD7400; + border-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; } + +.progress-contact { + color: #FD7400; } + .progress-contact::-moz-progress-bar { + background: #FD7400; } diff --git a/themes/vitamin_c/vitamin_c_full.css b/themes/vitamin_c/vitamin_c_full.css new file mode 100644 index 0000000..b24f3c8 --- /dev/null +++ b/themes/vitamin_c/vitamin_c_full.css @@ -0,0 +1,356 @@ +/*! =========================================== * + * VITAMIN C THEME + * Version: 4.0.0 + * 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; } + +.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; } + +.circle-chart__circle { + stroke: #FD7400; } + +#global_search.searchbox-field[type="search"] { + background-color: #1F8A70; + color: #e6eaf0; } + +.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; } + +.conversation.marked::before { + background: #FD7400; } + +.conversation.item-container.active, .conversation.item-is-selected { + background: rgba(253, 116, 0, 0.1); } + +.conversation .item-checkbox:checked + .item-icon { + background-color: #FD7400; + border-color: #FD7400; } + +.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon { + fill: #FD7400; } + +.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon { + fill: #FFE11A; } + +.conversation .selectBoxElement-container:hover .item-icon { + border: 1px solid #e46800; } + .conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon { + fill: #e46800; } + +.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-toggle-checkbox:checked + .pm-toggle-label:before { + background: #FD7400; + border-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; } + +.progress-contact { + color: #FD7400; } + .progress-contact::-moz-progress-bar { + background: #FD7400; } + +.conversation { + border-color: #006a8b; } + +.main-area, +.main-area--noHeader, +.main-area--withToolbar, +.main-area--withToolbar--noHeader, +[class*="block-info-"] { + color: #e6eaf0; } + +.fill-global-grey { + fill: #FD7400; } + +.starbutton { + fill: #0d0d0d; } + +.bg-global-light, kbd { + background: #004358; } + +.conversation:not(.read):not(.active) { + 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 { + 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; } + +.bg-white { + background-color: #004358; } + +.bordered, .bordered-container, .breadcrumb-container { + border-color: #006a8b; } + +.email.message-body-container [bgcolor], .email.message-body-container [style*="background"] { + background-color: transparent !important; } + .email.message-body-container [bgcolor] div, .email.message-body-container [bgcolor] p, + .email.message-body-container [bgcolor] h1, .email.message-body-container [bgcolor] h2, .email.message-body-container [bgcolor] h3, + .email.message-body-container [bgcolor] h4, .email.message-body-container [bgcolor] h5, .email.message-body-container [bgcolor] h6, .email.message-body-container [style*="background"] div, .email.message-body-container [style*="background"] p, + .email.message-body-container [style*="background"] h1, .email.message-body-container [style*="background"] h2, .email.message-body-container [style*="background"] h3, + .email.message-body-container [style*="background"] h4, .email.message-body-container [style*="background"] h5, .email.message-body-container [style*="background"] h6 { + color: #e6eaf0 !important; } + +.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 .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 { + 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 { + 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 { + 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 .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; } |
