aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcristiano <[email protected]>2019-11-24 13:50:59 +0000
committercristiano <[email protected]>2019-11-24 13:50:59 +0000
commit28d0353f63188c2dbdf9564e35b6bc8680fff711 (patch)
tree3554c9d44b793b2b302ff7fc7e395fbf0b0c1793
parent0ec5258290895471b8aab6a03a18e7453a283093 (diff)
downloadprotonmail-themes-28d0353f63188c2dbdf9564e35b6bc8680fff711.tar.xz
protonmail-themes-28d0353f63188c2dbdf9564e35b6bc8680fff711.zip
Compiled themes. 💅
-rw-r--r--themes/blue_and_orange/blue_and_orange.css44
-rw-r--r--themes/blue_and_orange/blue_and_orange_full.css356
-rw-r--r--themes/dark_bubble_gum/dark_bubble_gum.css44
-rw-r--r--themes/dark_bubble_gum/dark_bubble_gum_full.css356
-rw-r--r--themes/deutera_one/deutera_one.css189
-rw-r--r--themes/deutera_one/deutera_one_full.css418
-rw-r--r--themes/dracula/dracula.css44
-rw-r--r--themes/dracula/dracula_full.css356
-rw-r--r--themes/green_lume/green_lume.css44
-rw-r--r--themes/green_lume/green_lume_full.css356
-rw-r--r--themes/monokai/monokai.css44
-rw-r--r--themes/monokai/monokai_full.css356
-rw-r--r--themes/ochin/ochin.css44
-rw-r--r--themes/ochin/ochin_full.css367
-rw-r--r--themes/vitamin_c/vitamin_c.css44
-rw-r--r--themes/vitamin_c/vitamin_c_full.css356
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; }