aboutsummaryrefslogtreecommitdiff
path: root/Themes
diff options
context:
space:
mode:
Diffstat (limited to 'Themes')
-rw-r--r--Themes/blue_and_orange/blue_and_orange.css279
-rw-r--r--Themes/dark_bubble_gum/dark_bubble_gum.css287
-rw-r--r--Themes/green_lume/green_lume.css672
-rw-r--r--Themes/monokai/monokai.css248
-rw-r--r--Themes/theme_template/theme_template.scss508
-rw-r--r--Themes/vitamin_c/vitamin_c.css247
6 files changed, 681 insertions, 1560 deletions
diff --git a/Themes/blue_and_orange/blue_and_orange.css b/Themes/blue_and_orange/blue_and_orange.css
index 07a9ea1..18b528c 100644
--- a/Themes/blue_and_orange/blue_and_orange.css
+++ b/Themes/blue_and_orange/blue_and_orange.css
@@ -1,380 +1,307 @@
-/* =========================================== *
+/*! =========================================== *
* BLUE AND ORANGE THEME
- * Version: 3.12.0
+ * Version: 3.14.0
* Author: Cristiano Almeida
* Website: www.csalmeida.com
* Tweets @_csalmeida
* =========================================== */
.headerDesktop-container {
- background-color: #0F4C5C;
-}
+ background-color: #0F4C5C; }
.search-form-fieldset {
- background: #0A353F;
-}
+ background: #0A353F; }
[class*="searchForm-action-button-"] {
- color: #FFF;
-}
+ color: #fff; }
.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: #ED7D3A;
-}
+ background: #ED7D3A; }
.customRadio-input:checked + .customRadio-mask {
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #ED7D3A;
- border-color: #ED7D3A;
-}
+ border-color: #ED7D3A; }
.pm_button.primary, .pm_button.primary:active {
- color: #FFF;
+ color: #fff;
background-color: #0F4C5C;
- border-color: #0F4C5C;
-}
+ border-color: #0F4C5C; }
.pm_button.primary:hover, .pm_button.primary:focus {
background-color: rgba(10, 53, 63, 0.7);
- border-color: rgba(10, 53, 63, 0.7);
-}
+ border-color: rgba(10, 53, 63, 0.7); }
.navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 #ED7D3A inset;
-}
+ border-color: #ED7D3A; }
.navigation-link {
- color: #FFF;
-}
+ color: #fff; }
.navigation-title:hover {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.pm_dropdown .navigationUser-logout {
background-color: #0F4C5C !important;
border-color: #0F4C5C !important;
- color: #FFF !important;
-}
+ color: #fff !important; }
.pm_dropdown .navigationUser-logout:hover {
background-color: #0A353F !important;
border-color: #0A353F !important;
- color: #FFF !important;
-}
+ color: #fff !important; }
.sidebar-btn-compose, .sidebar-btn-compose:active {
- color: #FFF !important;
+ color: #fff !important;
background: #ED7D3A !important;
- border: none !important;
-}
+ border: none !important; }
.sidebar-btn-compose:hover {
- color: #FFF !important;
+ color: #fff !important;
background: #ED7D3A !important;
border: none !important;
- box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1);
-}
+ box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
.headerDesktop-logo {
- background-color: #0F4C5C;
-}
+ background-color: #0F4C5C; }
body section.sidebar {
- background: #0F4C5C;
-}
+ background: #0F4C5C; }
body section.sidebar a.compose {
background: #ED7D3A;
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar a.compose:hover {
- background: #FFF;
- border-color: #FFF;
- color: #0F4C5C;
-}
+ background: #fff;
+ border-color: #fff;
+ color: #0F4C5C; }
body section.sidebar ul.menu li a {
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar ul.menu li a:hover {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
color: #ED7D3A !important;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a .fa-repeat {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar ul.menu li a i.fa {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar ul.menu li a em {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.labels ul li a {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.labels ul li a:hover {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar div.footer div.link a, body section.sidebar a.version {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
color: #ED7D3A;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.storage strong {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
.conversationPlaceholder #storageStatus .wrap span strong {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.storageBar {
- background-color: rgba(0, 0, 0, 0.1);
-}
+ background-color: rgba(0, 0, 0, 0.1); }
.storageBar .storageBar-progress {
- background-color: #ED7D3A;
-}
+ background-color: #ED7D3A; }
.pm_buttons, .pm_buttons a {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.readUnread-container-ur .readUnread-btn-read,
.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
.pm_buttons, .pm_buttons a {
- border-color: #0F4C5C !important;
-}
+ border-color: #0F4C5C !important; }
.dropdown-folder-search .fa.dropdown-folder-search-icon,
.dropdown-label-search .fa.dropdown-label-search-icon {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.dropdown-folder-create-button,
.createLabel-button {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.customCheckbox-container:hover .customCheckbox-mask,
.customMaskInput-container:hover .customCheckbox-mask {
- border-color: #ED7D3A !important;
-}
+ border-color: #ED7D3A !important; }
.customCheckbox-input:checked + .customCheckbox-mask {
background-color: #ED7D3A;
border-color: #ED7D3A;
- color: #0F4C5C;
-}
+ color: #0F4C5C; }
.conversation.marked::before {
background: #ED7D3A;
- width: 5px;
-}
+ width: 5px; }
#pm_composer .composer header {
background: #0F4C5C;
- color: #FFF;
-}
+ color: #fff; }
p a {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
#pm_composer .composer footer .pm_button {
- background: #FFF;
- color: #0F4C5C;
-}
+ background: #fff;
+ color: #0F4C5C; }
#pm_composer .composer footer .pm_button:hover {
- background: #FFF;
- color: #0F4C5C;
-}
+ background: #fff;
+ color: #0F4C5C; }
#pm_composer .composer footer .pm_button.primary {
background: #0F4C5C;
- color: #FFF;
-}
+ color: #fff; }
#pm_composer .composer footer .pm_button.primary:hover {
background: #ED7D3A;
- color: #FFF;
-}
+ color: #fff; }
+
+.pm_button.link.composerHeader-btn {
+ color: #fff !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+ color: #ED7D3A !important; }
#pm_settings .pm_tabs {
- background: #e6eaf0;
-}
+ background: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button {
color: #0F4C5C;
- border-color: #e6eaf0;
-}
+ border-color: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button:hover {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
#pm_settings .pm_tabs li.active a.pm_button {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.pm_button.link {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.pm_toggle.off .off, .pm_toggle.on .on {
background: #0F4C5C;
- color: #FFF;
-}
+ color: #fff; }
.pm_toggle {
- box-shadow: 0 0 0 1px #e6eaf0;
-}
+ box-shadow: 0 0 0 1px #e6eaf0; }
.alert.alert-info {
background: rgba(230, 234, 240, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.alert.alert-warning {
background: rgba(255, 170, 0, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_button.error:focus, .pm_button.error:hover {
background-color: #d62646;
- border-color: rgba(214, 38, 70, 0.7);
-}
+ border-color: rgba(214, 38, 70, 0.7); }
.pm_button.error {
background-color: rgba(214, 38, 70, 0.7);
- border-color: #d62646;
-}
+ border-color: #d62646; }
html.protonmail .text-purple,
.settingsUsers-link-signatures {
- color: #ED7D3A !important;
-}
+ color: #ED7D3A !important; }
html.protonmail .text-red {
- color: #d62646 !important;
-}
+ color: #d62646 !important; }
.pm_button.link {
- color: #0d0d0d !important;
-}
+ color: #0d0d0d !important; }
.overviewSection-container .topUp-button {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
.settingsDashboard-plans [class*="Column-container"] .isCurrent {
background: #0F4C5C;
box-shadow: 0 0 8px #0F4C5C, 0 0 0 2px #0F4C5C;
- border-bottom: 1px solid #0F4C5C;
-}
+ border-bottom: 1px solid #0F4C5C; }
.settingsDashboard-plans.free-active .freeColumn-container,
.settingsDashboard-plans.plus-active .plusColumn-container,
.settingsDashboard-plans.professional-active .professionalColumn-container,
.settingsDashboard-plans.visionary-active .visionaryColumn-container {
border-color: #0F4C5C;
- box-shadow: 0 0 8px #0F4C5C, 0 0 0 2px #0F4C5C;
-}
+ box-shadow: 0 0 8px #0F4C5C, 0 0 0 2px #0F4C5C; }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba(237, 125, 58, 0.7);
-}
+ background: rgba(237, 125, 58, 0.7); }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: #ed7d3a;
-}
+ background: #ed7d3a; }
.vpnRow-add {
- background-color: rgba(237, 125, 58, 0.7);
-}
+ background-color: rgba(237, 125, 58, 0.7); }
.vpnRow-add:hover {
- background: #ed7d3a;
-}
+ background: #ed7d3a; }
.settingsDashboard-plans .freeColumn-free,
.totalRows-monthly-price,
.totalRows-yearly-price {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.totalRows-discount {
- border-color: transparent #ED7D3A;
-}
+ border-color: transparent #ED7D3A; }
.pm_modal .modal-dialog {
- border-color: #0F4C5C;
-}
+ border-color: #0F4C5C; }
.pm_modal .modal-dialog .close {
- color: #FFF;
- background: #0F4C5C;
-}
+ color: #fff;
+ background: #0F4C5C; }
.pm_badge {
- color: #FFF;
-}
+ color: #fff; }
.pm_badge.primary {
background: #0F4C5C;
- color: #FFF;
-}
+ color: #fff; }
.pm_badge.success {
background: #ED7D3A;
- color: #FFF;
-}
+ color: #fff; }
.pm_table table th a, .pm_table table th .fa {
- color: #ED7D3A;
-}
+ color: #ED7D3A; }
body .cg-notify-message.notification-success {
background-color: #ED7D3A;
- color: #FFF;
-}
+ color: #fff; }
.appConfigBody-is-mobile .sidebarApp-container {
- background: #0F4C5C;
-}
+ background: #0F4C5C; }
diff --git a/Themes/dark_bubble_gum/dark_bubble_gum.css b/Themes/dark_bubble_gum/dark_bubble_gum.css
index 5862043..2ebc9c2 100644
--- a/Themes/dark_bubble_gum/dark_bubble_gum.css
+++ b/Themes/dark_bubble_gum/dark_bubble_gum.css
@@ -1,388 +1,307 @@
-/* =========================================== *
+/*! =========================================== *
* DARK BUBBLE GUM THEME
- * Version: 3.12.0
+ * Version: 3.14.0
* Author: Cristiano Almeida
* Website: www.csalmeida.com
* Tweets @_csalmeida
* =========================================== */
.headerDesktop-container {
- background-color: #1C1C1C;
-}
+ background-color: #1C1C1C; }
.search-form-fieldset {
- background: #000;
-}
+ background: #000; }
[class*="searchForm-action-button-"] {
- color: #FFF;
-}
+ color: #fff; }
.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: #EF2D56;
-}
+ background: #EF2D56; }
.customRadio-input:checked + .customRadio-mask {
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #EF2D56;
- border-color: #EF2D56;
-}
+ border-color: #EF2D56; }
.pm_button.primary, .pm_button.primary:active {
- color: #FFF;
+ color: #fff;
background-color: #1C1C1C;
- border-color: #1C1C1C;
-}
+ border-color: #1C1C1C; }
.pm_button.primary:hover, .pm_button.primary:focus {
background-color: rgba(0, 0, 0, 0.7);
- border-color: rgba(0, 0, 0, 0.7);
-}
+ border-color: rgba(0, 0, 0, 0.7); }
.navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 #EF2D56 inset;
-}
+ border-color: #EF2D56; }
.navigation-link {
- color: #FFF;
-}
+ color: #fff; }
.navigation-title:hover {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.pm_dropdown .navigationUser-logout {
background-color: #1C1C1C !important;
border-color: #1C1C1C !important;
- color: #FFF !important;
-}
+ color: #fff !important; }
.pm_dropdown .navigationUser-logout:hover {
background-color: #000 !important;
border-color: #000 !important;
- color: #FFF !important;
-}
+ color: #fff !important; }
.sidebar-btn-compose, .sidebar-btn-compose:active {
- color: #FFF !important;
+ color: #fff !important;
background: #EF2D56 !important;
- border: none !important;
-}
+ border: none !important; }
.sidebar-btn-compose:hover {
- color: #FFF !important;
+ color: #fff !important;
background: #EF2D56 !important;
border: none !important;
- box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1);
-}
+ box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
.headerDesktop-logo {
- background-color: #1C1C1C;
-}
+ background-color: #1C1C1C; }
body section.sidebar {
- background: #1C1C1C;
-}
+ background: #1C1C1C; }
body section.sidebar a.compose {
background: #EF2D56;
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar a.compose:hover {
- background: #FFF;
- border-color: #FFF;
- color: #1C1C1C;
-}
+ background: #fff;
+ border-color: #fff;
+ color: #1C1C1C; }
body section.sidebar ul.menu li a {
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar ul.menu li a:hover {
- color: #EF2D56;
-}
+ color: #EF2D56; }
body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: #FFF;
-}
+ color: #fff; }
body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
color: #EF2D56 !important;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a .fa-repeat {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar ul.menu li a i.fa {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar ul.menu li a em {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.labels ul li a {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.labels ul li a:hover {
- color: #FFF;
- opacity: 1;
-}
+ color: #fff;
+ opacity: 1; }
body section.sidebar div.footer div.link a, body section.sidebar a.version {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
color: #EF2D56;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.storage strong {
- color: #FFF;
- opacity: 0.5;
-}
+ color: #fff;
+ opacity: 0.5; }
.conversationPlaceholder #storageStatus .wrap span strong {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.storageBar {
- background-color: rgba(0, 0, 0, 0.1);
-}
+ background-color: rgba(0, 0, 0, 0.1); }
.storageBar .storageBar-progress {
- background-color: #EF2D56;
-}
+ background-color: #EF2D56; }
.pm_buttons, .pm_buttons a {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.readUnread-container-ur .readUnread-btn-read,
.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
.pm_buttons, .pm_buttons a {
- border-color: #1C1C1C !important;
-}
+ border-color: #1C1C1C !important; }
.dropdown-folder-search .fa.dropdown-folder-search-icon,
.dropdown-label-search .fa.dropdown-label-search-icon {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.dropdown-folder-create-button,
.createLabel-button {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.customCheckbox-container:hover .customCheckbox-mask,
.customMaskInput-container:hover .customCheckbox-mask {
- border-color: #EF2D56 !important;
-}
+ border-color: #EF2D56 !important; }
.customCheckbox-input:checked + .customCheckbox-mask {
background-color: #EF2D56;
border-color: #EF2D56;
- color: #1C1C1C;
-}
+ color: #1C1C1C; }
.conversation.marked::before {
background: #EF2D56;
- width: 5px;
-}
+ width: 5px; }
#pm_composer .composer header {
background: #1C1C1C;
- color: #FFF;
-}
+ color: #fff; }
p a {
- color: #EF2D56;
-}
+ color: #EF2D56; }
#pm_composer .composer footer .pm_button {
- background: #FFF;
- color: #1C1C1C;
-}
+ background: #fff;
+ color: #1C1C1C; }
#pm_composer .composer footer .pm_button:hover {
- background: #FFF;
- color: #1C1C1C;
-}
+ background: #fff;
+ color: #1C1C1C; }
#pm_composer .composer footer .pm_button.primary {
background: #1C1C1C;
- color: #FFF;
-}
+ color: #fff; }
#pm_composer .composer footer .pm_button.primary:hover {
background: #EF2D56;
- color: #FFF;
-}
+ color: #fff; }
+
+.pm_button.link.composerHeader-btn {
+ color: #fff !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+ color: #EF2D56 !important; }
#pm_settings .pm_tabs {
- background: #e6eaf0;
-}
+ background: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button {
color: #1C1C1C;
- border-color: #e6eaf0;
-}
+ border-color: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button:hover {
- color: #EF2D56;
-}
+ color: #EF2D56; }
#pm_settings .pm_tabs li.active a.pm_button {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.pm_button.link {
- color: #EF2D56;
-}
-
-.pm_button.link.composerHeader-btn {
- color: #FFF !important;
-}
-
-.pm_button.link.composerHeader-btn:hover {
- color: #EF2D56 !important;
-}
+ color: #EF2D56; }
.pm_toggle.off .off, .pm_toggle.on .on {
background: #1C1C1C;
- color: #FFF;
-}
+ color: #fff; }
.pm_toggle {
- box-shadow: 0 0 0 1px #e6eaf0;
-}
+ box-shadow: 0 0 0 1px #e6eaf0; }
.alert.alert-info {
background: rgba(230, 234, 240, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.alert.alert-warning {
background: rgba(255, 170, 0, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_button.error:focus, .pm_button.error:hover {
background-color: #d62646;
- border-color: rgba(214, 38, 70, 0.7);
-}
+ border-color: rgba(214, 38, 70, 0.7); }
.pm_button.error {
background-color: rgba(214, 38, 70, 0.7);
- border-color: #d62646;
-}
+ border-color: #d62646; }
html.protonmail .text-purple,
.settingsUsers-link-signatures {
- color: #EF2D56 !important;
-}
+ color: #EF2D56 !important; }
html.protonmail .text-red {
- color: #d62646 !important;
-}
+ color: #d62646 !important; }
.pm_button.link {
- color: #0d0d0d !important;
-}
+ color: #0d0d0d !important; }
.overviewSection-container .topUp-button {
- color: #EF2D56;
-}
+ color: #EF2D56; }
.settingsDashboard-plans [class*="Column-container"] .isCurrent {
background: #1C1C1C;
box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C;
- border-bottom: 1px solid #1C1C1C;
-}
+ border-bottom: 1px solid #1C1C1C; }
.settingsDashboard-plans.free-active .freeColumn-container,
.settingsDashboard-plans.plus-active .plusColumn-container,
.settingsDashboard-plans.professional-active .professionalColumn-container,
.settingsDashboard-plans.visionary-active .visionaryColumn-container {
border-color: #1C1C1C;
- box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C;
-}
+ box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C; }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba(239, 45, 86, 0.7);
-}
+ background: rgba(239, 45, 86, 0.7); }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: #ef2d56;
-}
+ background: #ef2d56; }
.vpnRow-add {
- background-color: rgba(239, 45, 86, 0.7);
-}
+ background-color: rgba(239, 45, 86, 0.7); }
.vpnRow-add:hover {
- background: #ef2d56;
-}
+ background: #ef2d56; }
.settingsDashboard-plans .freeColumn-free,
.totalRows-monthly-price,
.totalRows-yearly-price {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.totalRows-discount {
- border-color: transparent #EF2D56;
-}
+ border-color: transparent #EF2D56; }
.pm_modal .modal-dialog {
- border-color: #1C1C1C;
-}
+ border-color: #1C1C1C; }
.pm_modal .modal-dialog .close {
- color: #FFF;
- background: #1C1C1C;
-}
+ color: #fff;
+ background: #1C1C1C; }
.pm_badge {
- color: #FFF;
-}
+ color: #fff; }
.pm_badge.primary {
background: #1C1C1C;
- color: #FFF;
-}
+ color: #fff; }
.pm_badge.success {
background: #EF2D56;
- color: #FFF;
-}
+ color: #fff; }
.pm_table table th a, .pm_table table th .fa {
- color: #EF2D56;
-}
+ color: #EF2D56; }
body .cg-notify-message.notification-success {
background-color: #EF2D56;
- color: #FFF;
-}
+ color: #fff; }
.appConfigBody-is-mobile .sidebarApp-container {
- background: #1C1C1C;
-}
+ background: #1C1C1C; }
diff --git a/Themes/green_lume/green_lume.css b/Themes/green_lume/green_lume.css
index 53f1d50..e31be98 100644
--- a/Themes/green_lume/green_lume.css
+++ b/Themes/green_lume/green_lume.css
@@ -1,377 +1,307 @@
-/* =========================================== *
+/*! =========================================== *
* GREEN LUME THEME
- * Version: 3.12.0
+ * Version: 3.14.0
* Author: Cristiano Almeida
* Website: www.csalmeida.com
* Tweets @_csalmeida
* =========================================== */
+.headerDesktop-container {
+ background-color: #1C1C1C; }
- .headerDesktop-container {
- background-color: #1C1C1C;
- }
-
- .search-form-fieldset {
- background: #000;
- }
-
- [class*="searchForm-action-button-"] {
- color: #fff;
- }
-
- .searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: #2FBF71;
- }
-
- .customRadio-input:checked + .customRadio-mask {
- box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #2FBF71;
- border-color: #2FBF71;
- }
-
- .pm_button.primary, .pm_button.primary:active {
- color: #fff;
- background-color: #1C1C1C;
- border-color: #1C1C1C;
- }
-
- .pm_button.primary:hover, .pm_button.primary:focus {
- background-color: rgba(0, 0, 0, 0.7);
- border-color: rgba(0, 0, 0, 0.7);
- }
-
- .navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 #2FBF71 inset;
- }
-
- .navigation-link {
- color: #fff;
- }
-
- .navigation-title:hover {
- color: #2FBF71;
- }
-
- .pm_dropdown .navigationUser-logout {
- background-color: #1C1C1C !important;
- border-color: #1C1C1C !important;
- color: #fff !important;
- }
-
- .pm_dropdown .navigationUser-logout:hover {
- background-color: #000 !important;
- border-color: #000 !important;
- color: #fff !important;
- }
-
- .sidebar-btn-compose, .sidebar-btn-compose:active {
- color: #fff !important;
- background: #2FBF71 !important;
- border: none !important;
- }
-
- .sidebar-btn-compose:hover {
- color: #fff !important;
- background: #2FBF71 !important;
- border: none !important;
- box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1);
- }
-
- .headerDesktop-logo {
- background-color: #1C1C1C;
- }
-
- body section.sidebar {
- background: #1C1C1C;
- }
-
- body section.sidebar a.compose {
- background: #2FBF71;
- color: #fff;
- }
-
- body section.sidebar a.compose:hover {
- background: #fff;
- border-color: #fff;
- color: #1C1C1C;
- }
-
- body section.sidebar ul.menu li a {
- color: #fff;
- }
-
- body section.sidebar ul.menu li a:hover {
- color: #2FBF71;
- }
-
- body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: #fff;
- }
-
- body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
- color: #2FBF71 !important;
- opacity: 1;
- }
-
- body section.sidebar ul.menu li a .fa-repeat {
- color: #fff;
- opacity: 1;
- }
-
- body section.sidebar ul.menu li a i.fa {
- color: #fff;
- opacity: 0.5;
- }
-
- body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
- color: #fff;
- opacity: 1;
- }
-
- body section.sidebar ul.menu li a em {
- color: #fff;
- opacity: 0.5;
- }
-
- body section.sidebar div.labels ul li a {
- color: #fff;
- opacity: 0.5;
- }
-
- body section.sidebar div.labels ul li a:hover {
- color: #fff;
- opacity: 1;
- }
-
- body section.sidebar div.footer div.link a, body section.sidebar a.version {
- color: #fff;
- opacity: 0.5;
- }
-
- body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
- color: #2FBF71;
- opacity: 1;
- }
-
- body section.sidebar div.footer div.storage strong {
- color: #fff;
- opacity: 0.5;
- }
-
- .conversationPlaceholder #storageStatus .wrap span strong {
- color: #2FBF71;
- }
-
- .storageBar {
- background-color: rgba(0, 0, 0, 0.1);
- }
-
- .storageBar .storageBar-progress {
- background-color: #2FBF71;
- }
-
- .pm_buttons, .pm_buttons a {
- color: #0d0d0d;
- }
-
- .pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: #2FBF71;
- }
-
- .readUnread-container-ur .readUnread-btn-read,
- .pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
- .pm_buttons, .pm_buttons a {
- border-color: #1C1C1C !important;
- }
-
- .dropdown-folder-search .fa.dropdown-folder-search-icon,
- .dropdown-label-search .fa.dropdown-label-search-icon {
- color: #2FBF71;
- }
-
- .dropdown-folder-create-button,
- .createLabel-button {
- color: #2FBF71;
- }
-
- .customCheckbox-container:hover .customCheckbox-mask,
- .customMaskInput-container:hover .customCheckbox-mask {
- border-color: #2FBF71 !important;
- }
-
- .customCheckbox-input:checked + .customCheckbox-mask {
- background-color: #2FBF71;
- border-color: #2FBF71;
- color: #1C1C1C;
- }
-
- .conversation.marked::before {
- background: #2FBF71;
- width: 5px;
- }
-
- #pm_composer .composer header {
- background: #1C1C1C;
- color: #fff;
- }
-
- p a {
- color: #2FBF71;
- }
-
- #pm_composer .composer footer .pm_button {
- background: #fff;
- color: #1C1C1C;
- }
-
- #pm_composer .composer footer .pm_button:hover {
- background: #fff;
- color: #1C1C1C;
- }
-
- #pm_composer .composer footer .pm_button.primary {
- background: #1C1C1C;
- color: #fff;
- }
-
- #pm_composer .composer footer .pm_button.primary:hover {
- background: #2FBF71;
- color: #fff;
- }
-
- #pm_settings .pm_tabs {
- background: #e6eaf0;
- }
-
- #pm_settings .pm_tabs li a.pm_button {
- color: #1C1C1C;
- border-color: #e6eaf0;
- }
-
- #pm_settings .pm_tabs li a.pm_button:hover {
- color: #2FBF71;
- }
-
- #pm_settings .pm_tabs li.active a.pm_button {
- color: #2FBF71;
- }
-
- .pm_button.link {
- color: #2FBF71 !important;
- }
-
- .pm_toggle.off .off, .pm_toggle.on .on {
- background: #1C1C1C;
- color: #fff;
- }
-
- .pm_toggle {
- box-shadow: 0 0 0 1px #e6eaf0;
- }
-
- .alert.alert-info {
- background: rgba(230, 234, 240, 0.7);
- color: #0d0d0d;
- }
-
- .alert.alert-warning {
- background: rgba(255, 170, 0, 0.7);
- color: #0d0d0d;
- }
-
- .pm_button.error:focus, .pm_button.error:hover {
- background-color: #d62646;
- border-color: rgba(214, 38, 70, 0.7);
- }
-
- .pm_button.error {
- background-color: rgba(214, 38, 70, 0.7);
- border-color: #d62646;
- }
-
- html.protonmail .text-purple,
- .settingsUsers-link-signatures {
- color: #2FBF71 !important;
- }
-
- html.protonmail .text-red {
- color: #d62646 !important;
- }
-
- .overviewSection-container .topUp-button {
- color: #2FBF71;
- }
-
- .settingsDashboard-plans [class*="Column-container"] .isCurrent {
- background: #1C1C1C;
- box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C;
- border-bottom: 1px solid #1C1C1C;
- }
-
- .settingsDashboard-plans.free-active .freeColumn-container,
- .settingsDashboard-plans.plus-active .plusColumn-container,
- .settingsDashboard-plans.professional-active .professionalColumn-container,
- .settingsDashboard-plans.visionary-active .visionaryColumn-container {
- border-color: #1C1C1C;
- box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C;
- }
-
- [class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba(47, 191, 113, 0.7);
- }
-
- [class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: #2fbf71;
- }
-
- .vpnRow-add {
- background-color: rgba(47, 191, 113, 0.7);
- }
-
- .vpnRow-add:hover {
- background: #2fbf71;
- }
-
- .settingsDashboard-plans .freeColumn-free,
- .totalRows-monthly-price,
- .totalRows-yearly-price {
- color: #0d0d0d;
- }
-
- .totalRows-discount {
- border-color: transparent #2FBF71;
- }
-
- .pm_modal .modal-dialog {
- border-color: #1C1C1C;
- }
-
- .pm_modal .modal-dialog .close {
- color: #fff;
- background: #1C1C1C;
- }
-
- .pm_badge {
- color: #fff;
- }
-
- .pm_badge.primary {
- background: #1C1C1C;
- color: #fff;
- }
-
- .pm_badge.success {
- background: #2FBF71;
- color: #fff;
- }
-
- .pm_table table th a, .pm_table table th .fa {
- color: #2FBF71;
- }
-
- body .cg-notify-message.notification-success {
- background-color: #2FBF71;
- color: #fff;
- }
-
- .appConfigBody-is-mobile .sidebarApp-container {
- background: #1C1C1C;
- }
+.search-form-fieldset {
+ background: #000; }
+
+[class*="searchForm-action-button-"] {
+ color: #fff; }
+
+.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
+ background: #2FBF71; }
+
+.customRadio-input:checked + .customRadio-mask {
+ box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #2FBF71;
+ border-color: #2FBF71; }
+
+.pm_button.primary, .pm_button.primary:active {
+ color: #fff;
+ background-color: #1C1C1C;
+ border-color: #1C1C1C; }
+
+.pm_button.primary:hover, .pm_button.primary:focus {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7); }
+
+.navigation > li.active, .navigation > li:hover {
+ border-color: #2FBF71; }
+
+.navigation-link {
+ color: #fff; }
+
+.navigation-title:hover {
+ color: #2FBF71; }
+
+.pm_dropdown .navigationUser-logout {
+ background-color: #1C1C1C !important;
+ border-color: #1C1C1C !important;
+ color: #fff !important; }
+
+.pm_dropdown .navigationUser-logout:hover {
+ background-color: #000 !important;
+ border-color: #000 !important;
+ color: #fff !important; }
+
+.sidebar-btn-compose, .sidebar-btn-compose:active {
+ color: #fff !important;
+ background: #2FBF71 !important;
+ border: none !important; }
+
+.sidebar-btn-compose:hover {
+ color: #fff !important;
+ background: #2FBF71 !important;
+ border: none !important;
+ box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
+
+.headerDesktop-logo {
+ background-color: #1C1C1C; }
+
+body section.sidebar {
+ background: #1C1C1C; }
+
+body section.sidebar a.compose {
+ background: #2FBF71;
+ color: #fff; }
+
+body section.sidebar a.compose:hover {
+ background: #fff;
+ border-color: #fff;
+ color: #1C1C1C; }
+
+body section.sidebar ul.menu li a {
+ color: #fff; }
+
+body section.sidebar ul.menu li a:hover {
+ color: #2FBF71; }
+
+body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
+ color: #fff; }
+
+body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
+ color: #2FBF71 !important;
+ opacity: 1; }
+
+body section.sidebar ul.menu li a .fa-repeat {
+ color: #fff;
+ opacity: 1; }
+
+body section.sidebar ul.menu li a i.fa {
+ color: #fff;
+ opacity: 0.5; }
+
+body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
+ color: #fff;
+ opacity: 1; }
+
+body section.sidebar ul.menu li a em {
+ color: #fff;
+ opacity: 0.5; }
+
+body section.sidebar div.labels ul li a {
+ color: #fff;
+ opacity: 0.5; }
+
+body section.sidebar div.labels ul li a:hover {
+ color: #fff;
+ opacity: 1; }
+
+body section.sidebar div.footer div.link a, body section.sidebar a.version {
+ color: #fff;
+ opacity: 0.5; }
+
+body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
+ color: #2FBF71;
+ opacity: 1; }
+
+body section.sidebar div.footer div.storage strong {
+ color: #fff;
+ opacity: 0.5; }
+
+.conversationPlaceholder #storageStatus .wrap span strong {
+ color: #2FBF71; }
+
+.storageBar {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.storageBar .storageBar-progress {
+ background-color: #2FBF71; }
+
+.pm_buttons, .pm_buttons a {
+ color: #0d0d0d; }
+
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+ color: #2FBF71; }
+
+.readUnread-container-ur .readUnread-btn-read,
+.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
+.pm_buttons, .pm_buttons a {
+ border-color: #1C1C1C !important; }
+
+.dropdown-folder-search .fa.dropdown-folder-search-icon,
+.dropdown-label-search .fa.dropdown-label-search-icon {
+ color: #2FBF71; }
+
+.dropdown-folder-create-button,
+.createLabel-button {
+ color: #2FBF71; }
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+ border-color: #2FBF71 !important; }
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+ background-color: #2FBF71;
+ border-color: #2FBF71;
+ color: #1C1C1C; }
+
+.conversation.marked::before {
+ background: #2FBF71;
+ width: 5px; }
+
+#pm_composer .composer header {
+ background: #1C1C1C;
+ color: #fff; }
+
+p a {
+ color: #2FBF71; }
+
+#pm_composer .composer footer .pm_button {
+ background: #fff;
+ color: #1C1C1C; }
+
+#pm_composer .composer footer .pm_button:hover {
+ background: #fff;
+ color: #1C1C1C; }
+
+#pm_composer .composer footer .pm_button.primary {
+ background: #1C1C1C;
+ color: #fff; }
+
+#pm_composer .composer footer .pm_button.primary:hover {
+ background: #2FBF71;
+ color: #fff; }
+
+.pm_button.link.composerHeader-btn {
+ color: #fff !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+ color: #2FBF71 !important; }
+
+#pm_settings .pm_tabs {
+ background: #e6eaf0; }
+
+#pm_settings .pm_tabs li a.pm_button {
+ color: #1C1C1C;
+ border-color: #e6eaf0; }
+
+#pm_settings .pm_tabs li a.pm_button:hover {
+ color: #2FBF71; }
+
+#pm_settings .pm_tabs li.active a.pm_button {
+ color: #2FBF71; }
+
+.pm_button.link {
+ color: #2FBF71; }
+
+.pm_toggle.off .off, .pm_toggle.on .on {
+ background: #1C1C1C;
+ color: #fff; }
+
+.pm_toggle {
+ box-shadow: 0 0 0 1px #e6eaf0; }
+
+.alert.alert-info {
+ background: rgba(230, 234, 240, 0.7);
+ color: #0d0d0d; }
+
+.alert.alert-warning {
+ background: rgba(255, 170, 0, 0.7);
+ color: #0d0d0d; }
+
+.pm_button.error:focus, .pm_button.error:hover {
+ background-color: #d62646;
+ border-color: rgba(214, 38, 70, 0.7); }
+
+.pm_button.error {
+ background-color: rgba(214, 38, 70, 0.7);
+ border-color: #d62646; }
+
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+ color: #2FBF71 !important; }
+
+html.protonmail .text-red {
+ color: #d62646 !important; }
+
+.pm_button.link {
+ color: #0d0d0d !important; }
+
+.overviewSection-container .topUp-button {
+ color: #2FBF71; }
+
+.settingsDashboard-plans [class*="Column-container"] .isCurrent {
+ background: #1C1C1C;
+ box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C;
+ border-bottom: 1px solid #1C1C1C; }
+
+.settingsDashboard-plans.free-active .freeColumn-container,
+.settingsDashboard-plans.plus-active .plusColumn-container,
+.settingsDashboard-plans.professional-active .professionalColumn-container,
+.settingsDashboard-plans.visionary-active .visionaryColumn-container {
+ border-color: #1C1C1C;
+ box-shadow: 0 0 8px #1C1C1C, 0 0 0 2px #1C1C1C; }
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
+ background: rgba(47, 191, 113, 0.7); }
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
+ background: #2fbf71; }
+
+.vpnRow-add {
+ background-color: rgba(47, 191, 113, 0.7); }
+
+.vpnRow-add:hover {
+ background: #2fbf71; }
+
+.settingsDashboard-plans .freeColumn-free,
+.totalRows-monthly-price,
+.totalRows-yearly-price {
+ color: #0d0d0d; }
+
+.totalRows-discount {
+ border-color: transparent #2FBF71; }
+
+.pm_modal .modal-dialog {
+ border-color: #1C1C1C; }
+
+.pm_modal .modal-dialog .close {
+ color: #fff;
+ background: #1C1C1C; }
+
+.pm_badge {
+ color: #fff; }
+
+.pm_badge.primary {
+ background: #1C1C1C;
+ color: #fff; }
+
+.pm_badge.success {
+ background: #2FBF71;
+ color: #fff; }
+
+.pm_table table th a, .pm_table table th .fa {
+ color: #2FBF71; }
+
+body .cg-notify-message.notification-success {
+ background-color: #2FBF71;
+ color: #fff; }
+
+.appConfigBody-is-mobile .sidebarApp-container {
+ background: #1C1C1C; } \ No newline at end of file
diff --git a/Themes/monokai/monokai.css b/Themes/monokai/monokai.css
index 5bdab1f..31941da 100644
--- a/Themes/monokai/monokai.css
+++ b/Themes/monokai/monokai.css
@@ -1,381 +1,307 @@
-/* =========================================== *
+/*! =========================================== *
* MONOKAI THEME
- * Version: 3.12.0
+ * Version: 3.14.0
* Author: tripscripts
* Website: N/A
* Tweets N/A
- * Updated by: csalmeida
* =========================================== */
.headerDesktop-container {
- background-color: #1D1E1A;
-}
+ background-color: #1D1E1A; }
.search-form-fieldset {
- background: #5B26D6;
-}
+ background: #5B26D6; }
[class*="searchForm-action-button-"] {
- color: #FFF;
-}
+ color: #FFF; }
.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: #89C62A;
-}
+ background: #89C62A; }
.customRadio-input:checked + .customRadio-mask {
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #89C62A;
- border-color: #89C62A;
-}
+ border-color: #89C62A; }
.pm_button.primary, .pm_button.primary:active {
color: #FFF;
background-color: #1D1E1A;
- border-color: #1D1E1A;
-}
+ border-color: #1D1E1A; }
.pm_button.primary:hover, .pm_button.primary:focus {
background-color: rgba(91, 38, 214, 0.7);
- border-color: rgba(91, 38, 214, 0.7);
-}
+ border-color: rgba(91, 38, 214, 0.7); }
.navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 #89C62A inset;
-}
+ border-color: #89C62A; }
.navigation-link {
- color: #FFF;
-}
+ color: #FFF; }
.navigation-title:hover {
- color: #89C62A;
-}
+ color: #89C62A; }
.pm_dropdown .navigationUser-logout {
background-color: #1D1E1A !important;
border-color: #1D1E1A !important;
- color: #FFF !important;
-}
+ color: #FFF !important; }
.pm_dropdown .navigationUser-logout:hover {
background-color: #5B26D6 !important;
border-color: #5B26D6 !important;
- color: #FFF !important;
-}
+ color: #FFF !important; }
.sidebar-btn-compose, .sidebar-btn-compose:active {
color: #FFF !important;
background: #89C62A !important;
- border: none !important;
-}
+ border: none !important; }
.sidebar-btn-compose:hover {
color: #FFF !important;
background: #89C62A !important;
border: none !important;
- box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1);
-}
+ box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
.headerDesktop-logo {
- background-color: #1D1E1A;
-}
+ background-color: #1D1E1A; }
body section.sidebar {
- background: #1D1E1A;
-}
+ background: #1D1E1A; }
body section.sidebar a.compose {
background: #89C62A;
- color: #FFF;
-}
+ color: #FFF; }
body section.sidebar a.compose:hover {
background: #FFF;
border-color: #FFF;
- color: #1D1E1A;
-}
+ color: #1D1E1A; }
body section.sidebar ul.menu li a {
- color: #FFF;
-}
+ color: #FFF; }
body section.sidebar ul.menu li a:hover {
- color: #89C62A;
-}
+ color: #89C62A; }
body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: #FFF;
-}
+ color: #FFF; }
body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
color: #89C62A !important;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a .fa-repeat {
color: #FFF;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a i.fa {
color: #FFF;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
color: #FFF;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a em {
color: #FFF;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.labels ul li a {
color: #FFF;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.labels ul li a:hover {
color: #FFF;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.link a, body section.sidebar a.version {
color: #FFF;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
color: #89C62A;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.storage strong {
color: #FFF;
- opacity: 0.5;
-}
+ opacity: 0.5; }
.conversationPlaceholder #storageStatus .wrap span strong {
- color: #89C62A;
-}
+ color: #89C62A; }
.storageBar {
- background-color: rgba(0, 0, 0, 0.1);
-}
+ background-color: rgba(0, 0, 0, 0.1); }
.storageBar .storageBar-progress {
- background-color: #89C62A;
-}
+ background-color: #89C62A; }
.pm_buttons, .pm_buttons a {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: #89C62A;
-}
+ color: #89C62A; }
.readUnread-container-ur .readUnread-btn-read,
.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
.pm_buttons, .pm_buttons a {
- border-color: #1D1E1A !important;
-}
+ border-color: #1D1E1A !important; }
.dropdown-folder-search .fa.dropdown-folder-search-icon,
.dropdown-label-search .fa.dropdown-label-search-icon {
- color: #89C62A;
-}
+ color: #89C62A; }
.dropdown-folder-create-button,
.createLabel-button {
- color: #89C62A;
-}
+ color: #89C62A; }
.customCheckbox-container:hover .customCheckbox-mask,
.customMaskInput-container:hover .customCheckbox-mask {
- border-color: #89C62A !important;
-}
+ border-color: #89C62A !important; }
.customCheckbox-input:checked + .customCheckbox-mask {
background-color: #89C62A;
border-color: #89C62A;
- color: #1D1E1A;
-}
+ color: #1D1E1A; }
.conversation.marked::before {
background: #89C62A;
- width: 5px;
-}
+ width: 5px; }
#pm_composer .composer header {
background: #1D1E1A;
- color: #FFF;
-}
+ color: #FFF; }
p a {
- color: #89C62A;
-}
+ color: #89C62A; }
#pm_composer .composer footer .pm_button {
background: #FFF;
- color: #1D1E1A;
-}
+ color: #1D1E1A; }
#pm_composer .composer footer .pm_button:hover {
background: #FFF;
- color: #1D1E1A;
-}
+ color: #1D1E1A; }
#pm_composer .composer footer .pm_button.primary {
background: #1D1E1A;
- color: #FFF;
-}
+ color: #FFF; }
#pm_composer .composer footer .pm_button.primary:hover {
background: #89C62A;
- color: #FFF;
-}
+ color: #FFF; }
+
+.pm_button.link.composerHeader-btn {
+ color: #FFF !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+ color: #89C62A !important; }
#pm_settings .pm_tabs {
- background: #e6eaf0;
-}
+ background: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button {
color: #1D1E1A;
- border-color: #e6eaf0;
-}
+ border-color: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button:hover {
- color: #89C62A;
-}
+ color: #89C62A; }
#pm_settings .pm_tabs li.active a.pm_button {
- color: #89C62A;
-}
+ color: #89C62A; }
.pm_button.link {
- color: #89C62A;
-}
+ color: #89C62A; }
.pm_toggle.off .off, .pm_toggle.on .on {
background: #1D1E1A;
- color: #FFF;
-}
+ color: #FFF; }
.pm_toggle {
- box-shadow: 0 0 0 1px #e6eaf0;
-}
+ box-shadow: 0 0 0 1px #e6eaf0; }
.alert.alert-info {
background: rgba(230, 234, 240, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.alert.alert-warning {
background: rgba(255, 170, 0, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_button.error:focus, .pm_button.error:hover {
background-color: #d62646;
- border-color: rgba(214, 38, 70, 0.7);
-}
+ border-color: rgba(214, 38, 70, 0.7); }
.pm_button.error {
background-color: rgba(214, 38, 70, 0.7);
- border-color: #d62646;
-}
+ border-color: #d62646; }
html.protonmail .text-purple,
.settingsUsers-link-signatures {
- color: #89C62A !important;
-}
+ color: #89C62A !important; }
html.protonmail .text-red {
- color: #d62646 !important;
-}
+ color: #d62646 !important; }
.pm_button.link {
- color: #0d0d0d !important;
-}
+ color: #0d0d0d !important; }
.overviewSection-container .topUp-button {
- color: #89C62A;
-}
+ color: #89C62A; }
.settingsDashboard-plans [class*="Column-container"] .isCurrent {
background: #1D1E1A;
box-shadow: 0 0 8px #1D1E1A, 0 0 0 2px #1D1E1A;
- border-bottom: 1px solid #1D1E1A;
-}
+ border-bottom: 1px solid #1D1E1A; }
.settingsDashboard-plans.free-active .freeColumn-container,
.settingsDashboard-plans.plus-active .plusColumn-container,
.settingsDashboard-plans.professional-active .professionalColumn-container,
.settingsDashboard-plans.visionary-active .visionaryColumn-container {
border-color: #1D1E1A;
- box-shadow: 0 0 8px #1D1E1A, 0 0 0 2px #1D1E1A;
-}
+ box-shadow: 0 0 8px #1D1E1A, 0 0 0 2px #1D1E1A; }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba(137, 198, 42, 0.7);
-}
+ background: rgba(137, 198, 42, 0.7); }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: #89c62a;
-}
+ background: #89c62a; }
.vpnRow-add {
- background-color: rgba(137, 198, 42, 0.7);
-}
+ background-color: rgba(137, 198, 42, 0.7); }
.vpnRow-add:hover {
- background: #89c62a;
-}
+ background: #89c62a; }
.settingsDashboard-plans .freeColumn-free,
.totalRows-monthly-price,
.totalRows-yearly-price {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.totalRows-discount {
- border-color: transparent #89C62A;
-}
+ border-color: transparent #89C62A; }
.pm_modal .modal-dialog {
- border-color: #1D1E1A;
-}
+ border-color: #1D1E1A; }
.pm_modal .modal-dialog .close {
color: #FFF;
- background: #1D1E1A;
-}
+ background: #1D1E1A; }
.pm_badge {
- color: #FFF;
-}
+ color: #FFF; }
.pm_badge.primary {
background: #1D1E1A;
- color: #FFF;
-}
+ color: #FFF; }
.pm_badge.success {
background: #89C62A;
- color: #FFF;
-}
+ color: #FFF; }
.pm_table table th a, .pm_table table th .fa {
- color: #89C62A;
-}
+ color: #89C62A; }
body .cg-notify-message.notification-success {
background-color: #89C62A;
- color: #FFF;
-}
+ color: #FFF; }
.appConfigBody-is-mobile .sidebarApp-container {
- background: #1D1E1A;
-}
+ background: #1D1E1A; }
diff --git a/Themes/theme_template/theme_template.scss b/Themes/theme_template/theme_template.scss
deleted file mode 100644
index 5be3054..0000000
--- a/Themes/theme_template/theme_template.scss
+++ /dev/null
@@ -1,508 +0,0 @@
-/* =========================================== *
- * Template THEME
- * Version: 3.12.0
- * Author: You name here
- * Website: Your website here
- * Tweets Your twitter handle
- * =========================================== */
-
- // Change colors here and they will change everywhere.
-$base: #1C1C1C;
-$search: #000;
-$highlight: #2FBF71;
-$navigation: #fff;
-
-$text_color: #0d0d0d;
-$extra_color: #e6eaf0;
-$danger_color: #d62646;
-$warning_color: #ffaa00;
-
-// ================================= \\
-// ========== HORIZONTAL =========== \\
-// ========== NAVIGATION =========== \\
-// ============= BAR =============== \\
-// ================================= \\
-
-
-// Top Navigation BAR (horizontal)
-.headerDesktop-container {
- background-color: $base;
-}
-
-.search-form-fieldset {
- background: $search;
-} // Search bar.
-
-
-[class*="searchForm-action-button-"] {
- color: $navigation;
-} // Search bar buttons.
-
-.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: $highlight;
-} // Search bar buttons hover.
-
-.customRadio-input:checked + .customRadio-mask {
- box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 10px $highlight;
- border-color: $highlight;
-} // Advanced search menu.
-
-
-.pm_button.primary, .pm_button.primary:active {
- color: $navigation;
- background-color: $base;
- border-color: $base;
-} // General buttons.
-
-.pm_button.primary:hover, .pm_button.primary:focus {
- background-color: rgba($search, 0.7);
- border-color: rgba($search, 0.7);
-}
-
-.navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 $highlight inset;
-} // Navigation top color shadow
-
-.navigation-link {
- color: $navigation;
-} // Navigation links including icons.
-
-.navigation-title:hover {
- color: $highlight;
-} // Hover navigation links
-
-.pm_dropdown .navigationUser-logout {
- background-color: $base !important;
- border-color: $base !important;
- color: $navigation !important;
-} // logout button hover
-
-.pm_dropdown .navigationUser-logout:hover {
- background-color: $search !important;
- border-color: $search !important;
- color: $navigation !important;
-} // logout button hover
-
-.sidebar-btn-compose, .sidebar-btn-compose:active {
- color: $navigation !important;
- background: $highlight !important;
- border: none !important;
-} // compose button
-
-.sidebar-btn-compose:hover {
- color: $navigation !important;
- background: $highlight !important;
- border: none !important;
- // Covers button with darker hue of highlight
- box-shadow: inset 0 400px 400px rgba(0,0,0,0.1);
-} // compose button
-
-// ================================= \\
-// =========== VERTICAL ============ \\
-// ========== NAVIGATION =========== \\
-// ============= BAR =============== \\
-// ================================= \\
-
-// Protonmail logo background.
-.headerDesktop-logo {
- background-color: $base;
-}
-
-// Side Navigation background. (vertical)
-body section.sidebar {
- background: $base;
-}
-
-// Composition button.
-body section.sidebar a.compose {
- background: $highlight;
- color: $navigation;
-}
-
-body section.sidebar a.compose:hover {
- background: $navigation;
- border-color: $navigation;
- color: $base;
-}
-
-// Navigation items.
-body section.sidebar ul.menu li a {
- color: $navigation;
-}
-
-// Navigation items on hover.
-body section.sidebar ul.menu li a:hover {
- color: $highlight;
-}
-
-// Navigation items on active and on active hover.
-body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: $navigation;
-}
-
-// Navigation icons on active and on active hover.
-body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
- color: $highlight !important;
- opacity: 1;
-}
-
-// Refresh icon.
-body section.sidebar ul.menu li a .fa-repeat {
- color: $navigation;
- opacity: 1;
-}
-
-// Navigation icons.
-body section.sidebar ul.menu li a i.fa {
- color: $navigation;
- opacity: 0.5;
-}
-
-// Navigation icons on hover.
-body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
- color: $navigation;
- opacity: 1;
-}
-
-// Number of messages.
-body section.sidebar ul.menu li a em {
- color: $navigation;
- opacity: 0.5;
-}
-
-// Label links.
-body section.sidebar div.labels ul li a {
- color: $navigation;
- opacity: 0.5;
-}
-
-// Label links on hover.
-body section.sidebar div.labels ul li a:hover {
- color: $navigation;
- opacity: 1;
-}
-
-// Storage links and version.
-body section.sidebar div.footer div.link a, body section.sidebar a.version {
- color: $navigation;
- opacity: 0.5;
-}
-
-// Storage links and version on hover.
-body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
- color: $highlight;
- opacity: 1;
-}
-
-// Storage text.
-body section.sidebar div.footer div.storage strong {
- color: $navigation;
- opacity: 0.5;
-}
-
-// Storage bar welcome text.
-.conversationPlaceholder #storageStatus .wrap span strong {
- color: $highlight;
-}
-
-// Storage bar.
-.storageBar {
- background-color: rgba(0,0,0,.1);
-}
-// Storage bar fill.
-.storageBar .storageBar-progress {
- background-color: $highlight;
-}
-
-// ================================= \\
-// =========== MESSAGE ============ \\
-// ========== NAVIGATION =========== \\
-// ================================= \\
-
-// Toolbar icons.
-.pm_buttons, .pm_buttons a {
- color: $text_color;
-}
-
-.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: $highlight;
-}
-
-.readUnread-container-ur .readUnread-btn-read,
-.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons>*,
-.pm_buttons, .pm_buttons a {
- border-color: $base !important;
-}
-
-// Search icon from dropdown menu for folders and labels.
-.dropdown-folder-search .fa.dropdown-folder-search-icon,
-.dropdown-label-search .fa.dropdown-label-search-icon {
- color: $highlight;
-}
-
-// Create folder and label button.
-.dropdown-folder-create-button,
-.createLabel-button {
- color: $highlight;
-}
-
-// Checkbox next to message title.
-.customCheckbox-mask {
- // You can add a new border colour here.
-}
-
-.customCheckbox-container:hover .customCheckbox-mask,
-.customMaskInput-container:hover .customCheckbox-mask {
- border-color: $highlight !important;
-}
-
-.customCheckbox-input:checked+.customCheckbox-mask {
- background-color: $highlight;
- border-color: $highlight;
- color: $base;
-}
-
-// Left border of message title.
-.conversation.marked::before {
- background: $highlight;
- width: 5px;
-}
-
-// Unread message background.
-body #conversation-list-rows .conversation {
-
-}
-
-// Read message background.
-body #conversation-list-rows .conversation.read {
-
-}
-
-// ================================= \\
-// =========== COMPOSING =========== \\
-// ============ MESSAGE ============ \\
-// ============= WINDOW ============= \\
-// ================================= \\
-
-// Header color and text.
-#pm_composer .composer header {
- background: $base;
- color: $navigation;
-}
-
-// Links in general.
-p a {
- color: $highlight;
-}
-
-// Attachment, encryption and expiration buttons.
-#pm_composer .composer footer .pm_button {
- background: $navigation;
- color: $base;
-}
-
-// Attachment, encryption and expiration buttons on hover.
-#pm_composer .composer footer .pm_button:hover {
- background: $navigation;
- color: $base;
-}
-
-// Send button.
-#pm_composer .composer footer .pm_button.primary {
- background: $base;
- color: $navigation;
-}
-
-// Send button on hover.
-#pm_composer .composer footer .pm_button.primary:hover {
- background: $highlight;
- color: $navigation;
-}
-
-// ================================= \\
-// =========== SETTINGS =========== \\
-// ============ PANEL ============ \\
-// ================================= \\
-
-// Tab menu background.
-#pm_settings .pm_tabs {
- background: $extra_color;
-}
-
-// Tab menu items.
-#pm_settings .pm_tabs li a.pm_button {
- color: $base;
- border-color: $extra_color;
-}
-
-// Tab menu items hover.
-#pm_settings .pm_tabs li a.pm_button:hover {
- color: $highlight;
-}
-
-// Tab menu active item.
-#pm_settings .pm_tabs li.active a.pm_button {
- color: $highlight;
-}
-
-// Links in settings.
-.pm_button.link {
- color: $highlight;
-}
-
-// Pill switch buttons.
-.pm_toggle.off .off, .pm_toggle.on .on {
- background: $base;
- color: $navigation;
-}
-
-.pm_toggle {
- box-shadow: 0 0 0 1px $extra_color;
-}
-
-// Neutral content box.
-.alert.alert-info {
- background: rgba($extra_color, 0.7);
- color: $text_color;
-}
-
-// Warning content box.
-.alert.alert-warning {
- background: rgba($warning_color, 0.7);
- color: $text_color;
-}
-
-// Delete account button.
-.pm_button.error:focus, .pm_button.error:hover {
- background-color: rgba($danger_color, 1);
- border-color: rgba($danger_color, 0.7);
-}
-
-.pm_button.error {
- background-color: rgba($danger_color, 0.7);
- border-color: rgba($danger_color, 1);
-}
-
-
-// Small icons in settings.
-html.protonmail .text-purple,
-.settingsUsers-link-signatures {
- color: $highlight !important;
-}
-
-html.protonmail .text-red {
- color: $danger_color !important;
-}
-
-// Links
-.pm_button.link {
- color: $text_color !important;
-}
-
-// Topup link.
-.overviewSection-container .topUp-button {
- color: $highlight;
-}
-
-// Current plan header and container.
-.settingsDashboard-plans [class*="Column-container"] .isCurrent {
- background: $base;
- box-shadow: 0 0 8px $base,0 0 0 2px $base;
- border-bottom: 1px solid $base;
-}
-
-.settingsDashboard-plans.free-active .freeColumn-container,
-.settingsDashboard-plans.plus-active .plusColumn-container,
-.settingsDashboard-plans.professional-active .professionalColumn-container,
-.settingsDashboard-plans.visionary-active .visionaryColumn-container {
- border-color: $base;
- box-shadow: 0 0 8px $base,0 0 0 2px $base;
-}
-
-// Plans and prices arrow controls.
-[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba($highlight, 0.7);
-}
-
-[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: rgba($highlight, 1);
-}
-
-// Plans and prices VPN buttons.
-.vpnRow-add {
- background-color: rgba($highlight, 0.7);
-}
-
-.vpnRow-add:hover {
- background: rgba($highlight, 1);
-}
-
-// Plans and prices - prices.
-.settingsDashboard-plans .freeColumn-free,
-.totalRows-monthly-price,
-.totalRows-yearly-price {
- color: $text_color;
-}
-
-// Plans and prices - Discount triangle.
-.totalRows-discount {
- border-color: transparent $highlight;
-}
-
-// Modal color.
-.pm_modal .modal-dialog {
- border-color: $base;
-}
-
-// Modal close button.
-.pm_modal .modal-dialog .close {
- color: $navigation;
- background: $base;
-}
-
-// Address badges link
-.pm_badge {
- color: $navigation;
-}
-
-// Address default badge.
-.pm_badge.primary {
- background: $base;
- color: $navigation;
-}
-
-// Address enalbled badge.
-.pm_badge.success {
- background: $highlight;
- color: $navigation;
-}
-
-// ================================= \\
-// =========== CONTACTS =========== \\
-// ============ PANEL ============= \\
-// ================================= \\
-
-// Contact table headings.
-.pm_table table th a, .pm_table table th .fa {
- color: $highlight;
-}
-
-// ================================= \\
-// ============= OTHER ============= \\
-// ================================= \\
-
-//Top pop up notifications.
-body .cg-notify-message.notification-success {
- background-color: $highlight;
- color: $navigation;
-}
-
-// ================================= \\
-// ============= MOBILE ============ \\
-// ============ SPECIFIC =========== \\
-// ================================= \\
-
-// Mobile navigation.
-.appConfigBody-is-mobile .sidebarApp-container {
- background: $base;
-}
diff --git a/Themes/vitamin_c/vitamin_c.css b/Themes/vitamin_c/vitamin_c.css
index f1d5e8f..c822ac0 100644
--- a/Themes/vitamin_c/vitamin_c.css
+++ b/Themes/vitamin_c/vitamin_c.css
@@ -1,380 +1,307 @@
-/* =========================================== *
+/*! =========================================== *
* VITAMIN C THEME
- * Version: 3.12.0
+ * Version: 3.14.0
* Author: Cristiano Almeida
* Website: www.csalmeida.com
* Tweets @_csalmeida
* =========================================== */
.headerDesktop-container {
- background-color: #004358;
-}
+ background-color: #004358; }
.search-form-fieldset {
- background: #1F8A70;
-}
+ background: #1F8A70; }
[class*="searchForm-action-button-"] {
- color: #FFE11A;
-}
+ color: #FFE11A; }
.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
- background: #FD7400;
-}
+ background: #FD7400; }
.customRadio-input:checked + .customRadio-mask {
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #FD7400;
- border-color: #FD7400;
-}
+ border-color: #FD7400; }
.pm_button.primary, .pm_button.primary:active {
color: #FFE11A;
background-color: #004358;
- border-color: #004358;
-}
+ border-color: #004358; }
.pm_button.primary:hover, .pm_button.primary:focus {
background-color: rgba(31, 138, 112, 0.7);
- border-color: rgba(31, 138, 112, 0.7);
-}
+ border-color: rgba(31, 138, 112, 0.7); }
.navigation > li.active, .navigation > li:hover {
- box-shadow: 0 5px 0 0 #FD7400 inset;
-}
+ border-color: #FD7400; }
.navigation-link {
- color: #FFE11A;
-}
+ color: #FFE11A; }
.navigation-title:hover {
- color: #FD7400;
-}
+ color: #FD7400; }
.pm_dropdown .navigationUser-logout {
background-color: #004358 !important;
border-color: #004358 !important;
- color: #FFE11A !important;
-}
+ color: #FFE11A !important; }
.pm_dropdown .navigationUser-logout:hover {
background-color: #1F8A70 !important;
border-color: #1F8A70 !important;
- color: #FFE11A !important;
-}
+ color: #FFE11A !important; }
.sidebar-btn-compose, .sidebar-btn-compose:active {
color: #FFE11A !important;
background: #FD7400 !important;
- border: none !important;
-}
+ border: none !important; }
.sidebar-btn-compose:hover {
color: #FFE11A !important;
background: #FD7400 !important;
border: none !important;
- box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1);
-}
+ box-shadow: inset 0 400px 400px rgba(0, 0, 0, 0.1); }
.headerDesktop-logo {
- background-color: #004358;
-}
+ background-color: #004358; }
body section.sidebar {
- background: #004358;
-}
+ background: #004358; }
body section.sidebar a.compose {
background: #FD7400;
- color: #FFE11A;
-}
+ color: #FFE11A; }
body section.sidebar a.compose:hover {
background: #FFE11A;
border-color: #FFE11A;
- color: #004358;
-}
+ color: #004358; }
body section.sidebar ul.menu li a {
- color: #FFE11A;
-}
+ color: #FFE11A; }
body section.sidebar ul.menu li a:hover {
- color: #FD7400;
-}
+ color: #FD7400; }
body section.sidebar ul.menu li.active a, body section.sidebar ul.menu li.active a {
- color: #FFE11A;
-}
+ color: #FFE11A; }
body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.active a i.fa:hover {
color: #FD7400 !important;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a .fa-repeat {
color: #FFE11A;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a i.fa {
color: #FFE11A;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar ul.menu li a i.fa:hover, body section.sidebar ul.menu li a:hover i.fa {
color: #FFE11A;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar ul.menu li a em {
color: #FFE11A;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.labels ul li a {
color: #FFE11A;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.labels ul li a:hover {
color: #FFE11A;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.link a, body section.sidebar a.version {
color: #FFE11A;
- opacity: 0.5;
-}
+ opacity: 0.5; }
body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
color: #FD7400;
- opacity: 1;
-}
+ opacity: 1; }
body section.sidebar div.footer div.storage strong {
color: #FFE11A;
- opacity: 0.5;
-}
+ opacity: 0.5; }
.conversationPlaceholder #storageStatus .wrap span strong {
- color: #FD7400;
-}
+ color: #FD7400; }
.storageBar {
- background-color: rgba(0, 0, 0, 0.1);
-}
+ background-color: rgba(0, 0, 0, 0.1); }
.storageBar .storageBar-progress {
- background-color: #FD7400;
-}
+ background-color: #FD7400; }
.pm_buttons, .pm_buttons a {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
- color: #FD7400;
-}
+ color: #FD7400; }
.readUnread-container-ur .readUnread-btn-read,
.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > *,
.pm_buttons, .pm_buttons a {
- border-color: #004358 !important;
-}
+ border-color: #004358 !important; }
.dropdown-folder-search .fa.dropdown-folder-search-icon,
.dropdown-label-search .fa.dropdown-label-search-icon {
- color: #FD7400;
-}
+ color: #FD7400; }
.dropdown-folder-create-button,
.createLabel-button {
- color: #FD7400;
-}
+ color: #FD7400; }
.customCheckbox-container:hover .customCheckbox-mask,
.customMaskInput-container:hover .customCheckbox-mask {
- border-color: #FD7400 !important;
-}
+ border-color: #FD7400 !important; }
.customCheckbox-input:checked + .customCheckbox-mask {
background-color: #FD7400;
border-color: #FD7400;
- color: #004358;
-}
+ color: #004358; }
.conversation.marked::before {
background: #FD7400;
- width: 5px;
-}
+ width: 5px; }
#pm_composer .composer header {
background: #004358;
- color: #FFE11A;
-}
+ color: #FFE11A; }
p a {
- color: #FD7400;
-}
+ color: #FD7400; }
#pm_composer .composer footer .pm_button {
background: #FFE11A;
- color: #004358;
-}
+ color: #004358; }
#pm_composer .composer footer .pm_button:hover {
background: #FFE11A;
- color: #004358;
-}
+ color: #004358; }
#pm_composer .composer footer .pm_button.primary {
background: #004358;
- color: #FFE11A;
-}
+ color: #FFE11A; }
#pm_composer .composer footer .pm_button.primary:hover {
background: #FD7400;
- color: #FFE11A;
-}
+ color: #FFE11A; }
+
+.pm_button.link.composerHeader-btn {
+ color: #FFE11A !important; }
+
+.pm_button.link.composerHeader-btn:hover {
+ color: #FD7400 !important; }
#pm_settings .pm_tabs {
- background: #e6eaf0;
-}
+ background: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button {
color: #004358;
- border-color: #e6eaf0;
-}
+ border-color: #e6eaf0; }
#pm_settings .pm_tabs li a.pm_button:hover {
- color: #FD7400;
-}
+ color: #FD7400; }
#pm_settings .pm_tabs li.active a.pm_button {
- color: #FD7400;
-}
+ color: #FD7400; }
.pm_button.link {
- color: #FD7400;
-}
+ color: #FD7400; }
.pm_toggle.off .off, .pm_toggle.on .on {
background: #004358;
- color: #FFE11A;
-}
+ color: #FFE11A; }
.pm_toggle {
- box-shadow: 0 0 0 1px #e6eaf0;
-}
+ box-shadow: 0 0 0 1px #e6eaf0; }
.alert.alert-info {
background: rgba(230, 234, 240, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.alert.alert-warning {
background: rgba(255, 170, 0, 0.7);
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.pm_button.error:focus, .pm_button.error:hover {
background-color: #d62646;
- border-color: rgba(214, 38, 70, 0.7);
-}
+ border-color: rgba(214, 38, 70, 0.7); }
.pm_button.error {
background-color: rgba(214, 38, 70, 0.7);
- border-color: #d62646;
-}
+ border-color: #d62646; }
html.protonmail .text-purple,
.settingsUsers-link-signatures {
- color: #FD7400 !important;
-}
+ color: #FD7400 !important; }
html.protonmail .text-red {
- color: #d62646 !important;
-}
+ color: #d62646 !important; }
.pm_button.link {
- color: #0d0d0d !important;
-}
+ color: #0d0d0d !important; }
.overviewSection-container .topUp-button {
- color: #FD7400;
-}
+ color: #FD7400; }
.settingsDashboard-plans [class*="Column-container"] .isCurrent {
background: #004358;
box-shadow: 0 0 8px #004358, 0 0 0 2px #004358;
- border-bottom: 1px solid #004358;
-}
+ border-bottom: 1px solid #004358; }
.settingsDashboard-plans.free-active .freeColumn-container,
.settingsDashboard-plans.plus-active .plusColumn-container,
.settingsDashboard-plans.professional-active .professionalColumn-container,
.settingsDashboard-plans.visionary-active .visionaryColumn-container {
border-color: #004358;
- box-shadow: 0 0 8px #004358, 0 0 0 2px #004358;
-}
+ box-shadow: 0 0 8px #004358, 0 0 0 2px #004358; }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
- background: rgba(253, 116, 0, 0.7);
-}
+ background: rgba(253, 116, 0, 0.7); }
[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
- background: #fd7400;
-}
+ background: #fd7400; }
.vpnRow-add {
- background-color: rgba(253, 116, 0, 0.7);
-}
+ background-color: rgba(253, 116, 0, 0.7); }
.vpnRow-add:hover {
- background: #fd7400;
-}
+ background: #fd7400; }
.settingsDashboard-plans .freeColumn-free,
.totalRows-monthly-price,
.totalRows-yearly-price {
- color: #0d0d0d;
-}
+ color: #0d0d0d; }
.totalRows-discount {
- border-color: transparent #FD7400;
-}
+ border-color: transparent #FD7400; }
.pm_modal .modal-dialog {
- border-color: #004358;
-}
+ border-color: #004358; }
.pm_modal .modal-dialog .close {
color: #FFE11A;
- background: #004358;
-}
+ background: #004358; }
.pm_badge {
- color: #FFE11A;
-}
+ color: #FFE11A; }
.pm_badge.primary {
background: #004358;
- color: #FFE11A;
-}
+ color: #FFE11A; }
.pm_badge.success {
background: #FD7400;
- color: #FFE11A;
-}
+ color: #FFE11A; }
.pm_table table th a, .pm_table table th .fa {
- color: #FD7400;
-}
+ color: #FD7400; }
body .cg-notify-message.notification-success {
background-color: #FD7400;
- color: #FFE11A;
-}
+ color: #FFE11A; }
.appConfigBody-is-mobile .sidebarApp-container {
- background: #004358;
-}
+ background: #004358; }
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 08:04:17 +0000