Updated blue and orange, dark bubble gum and monokai themes.

10 files changed, 518 insertions, 313 deletions

diff --git a/README.md b/README.md
index ea65e94..dbcf77b 100644
--- a/README.md
+++ b/README.md
@@ -17,12 +17,12 @@ The theme should be applied and you should see the changes immediately.
 ### Available themes.
 Check out some of the available themes you can choose from.
 
+#### [Green Lume v3.7.3](Themes/green_lume/green_lume.css)
+![Screenshot of Green Lume theme.](screenshots/green_lume_3.12.0.gif)
+
 #### [Vitamin C v3.12.0](Themes/vitamin_c/vitamin_c.css)
 ![Screenshot of Vitamin C theme.](screenshots/vitamin_c_3.12.0.gif)
 
-#### [Green Lume v3.7.3](Themes/green_lume/green_lume.min.css)
-![Screenshot of Green Lume theme.](screenshots/green_lume_3.5.16.png)
-
 #### [Dark Bubble Gum v3.7.3](Themes/dark_bubble_gum/dark_bubble_gum.min.css)
 ![Screenshot of Dark Bubble Gum theme.](screenshots/dark_bubble_gum_3.5.16.png)
 
diff --git a/Themes/blue_and_orange/blue_and_orange.css b/Themes/blue_and_orange/blue_and_orange.css
index 2836779..07a9ea1 100644
--- a/Themes/blue_and_orange/blue_and_orange.css
+++ b/Themes/blue_and_orange/blue_and_orange.css
@@ -1,5 +1,6 @@
 /* =========================================== *
- * BLUE AND ORANGE 3.7.3 THEME
+ * BLUE AND ORANGE THEME
+ * Version: 3.12.0
  * Author: Cristiano Almeida
  * Website: www.csalmeida.com
  * Tweets @_csalmeida
@@ -13,7 +14,7 @@
 }
 
 [class*="searchForm-action-button-"] {
-  color: #fff;
+  color: #FFF;
 }
 
 .searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
@@ -26,14 +27,14 @@
 }
 
 .pm_button.primary, .pm_button.primary:active {
-  color: #fff;
+  color: #FFF;
   background-color: #0F4C5C;
   border-color: #0F4C5C;
 }
 
 .pm_button.primary:hover, .pm_button.primary:focus {
-  background-color: #0A353F;
-  border-color: #0A353F;
+  background-color: rgba(10, 53, 63, 0.7);
+  border-color: rgba(10, 53, 63, 0.7);
 }
 
 .navigation > li.active, .navigation > li:hover {
@@ -41,7 +42,7 @@
 }
 
 .navigation-link {
-  color: #fff;
+  color: #FFF;
 }
 
 .navigation-title:hover {
@@ -51,23 +52,23 @@
 .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;
 }
 
 .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);
@@ -83,17 +84,17 @@ body section.sidebar {
 
 body section.sidebar a.compose {
   background: #ED7D3A;
-  color: #fff;
+  color: #FFF;
 }
 
 body section.sidebar a.compose:hover {
-  background: #fff;
-  border-color: #fff;
+  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 {
@@ -101,7 +102,7 @@ body section.sidebar ul.menu li a:hover {
 }
 
 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 {
@@ -110,37 +111,37 @@ body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.a
 }
 
 body section.sidebar ul.menu li a .fa-repeat {
-  color: #fff;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar ul.menu li a i.fa {
-  color: #fff;
+  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;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar ul.menu li a em {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a:hover {
-  color: #fff;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar div.footer div.link a, body section.sidebar a.version {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
@@ -150,21 +151,54 @@ body section.sidebar div.footer div.link a:hover, body section.sidebar a.version
 }
 
 body section.sidebar div.footer div.storage strong {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
-body section.sidebar div.footer .bar em {
-  background: #ED7D3A;
-  height: 3px;
+.conversationPlaceholder #storageStatus .wrap span strong {
+  color: #ED7D3A;
+}
+
+.storageBar {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.storageBar .storageBar-progress {
+  background-color: #ED7D3A;
 }
 
-body section.sidebar div.footer .bar {
-  background: #fff;
-  height: 3px;
+.pm_buttons, .pm_buttons a {
+  color: #0d0d0d;
+}
+
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+  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;
+}
+
+.dropdown-folder-search .fa.dropdown-folder-search-icon,
+.dropdown-label-search .fa.dropdown-label-search-icon {
+  color: #ED7D3A;
+}
+
+.dropdown-folder-create-button,
+.createLabel-button {
+  color: #ED7D3A;
+}
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+  border-color: #ED7D3A !important;
+}
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+  background-color: #ED7D3A;
+  border-color: #ED7D3A;
   color: #0F4C5C;
 }
 
@@ -175,7 +209,7 @@ body section.sidebar div.footer .bar {
 
 #pm_composer .composer header {
   background: #0F4C5C;
-  color: #fff;
+  color: #FFF;
 }
 
 p a {
@@ -183,23 +217,23 @@ p a {
 }
 
 #pm_composer .composer footer .pm_button {
-  background: #fff;
+  background: #FFF;
   color: #0F4C5C;
 }
 
 #pm_composer .composer footer .pm_button:hover {
-  background: #fff;
+  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_settings .pm_tabs {
@@ -225,48 +259,88 @@ p a {
 
 .pm_toggle.off .off, .pm_toggle.on .on {
   background: #0F4C5C;
-  color: #fff;
+  color: #FFF;
+}
+
+.pm_toggle {
+  box-shadow: 0 0 0 1px #e6eaf0;
 }
 
 .alert.alert-info {
-  background: #e6eaf0;
-  color: #000;
+  background: rgba(230, 234, 240, 0.7);
+  color: #0d0d0d;
 }
 
-html.protonmail .text-purple {
-  color: #ED7D3A;
+.alert.alert-warning {
+  background: rgba(255, 170, 0, 0.7);
+  color: #0d0d0d;
 }
 
-#pm_settings .bar em {
-  background: #ED7D3A;
-  height: 4px;
+.pm_button.error:focus, .pm_button.error:hover {
+  background-color: #d62646;
+  border-color: rgba(214, 38, 70, 0.7);
 }
 
-#pm_settings .bar {
-  background: #0F4C5C;
-  opacity: 0.5;
-  height: 4px;
+.pm_button.error {
+  background-color: rgba(214, 38, 70, 0.7);
+  border-color: #d62646;
 }
 
-#plans .plans .plan h3 {
-  background: #0F4C5C;
-  color: #fff;
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+  color: #ED7D3A !important;
 }
 
-#plans .plans .plan.plus-plan h3 span, #plans .plans .plan.visionary-plan h3 span, #plans .plans .plan.visionary-plan header {
-  color: #fff;
+html.protonmail .text-red {
+  color: #d62646 !important;
 }
 
-#plans .plans .plan footer .cycle strong {
+.pm_button.link {
+  color: #0d0d0d !important;
+}
+
+.overviewSection-container .topUp-button {
   color: #ED7D3A;
 }
 
-#plans .plans .plan footer .cycle .discount {
-  border-color: transparent #ED7D3A transparent transparent;
+.settingsDashboard-plans [class*="Column-container"] .isCurrent {
+  background: #0F4C5C;
+  box-shadow: 0 0 8px #0F4C5C, 0 0 0 2px #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;
+}
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
+  background: rgba(237, 125, 58, 0.7);
+}
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
+  background: #ed7d3a;
 }
 
-#plans .plans .plan footer .cycle .discount span {
-  color: #fff;
+.vpnRow-add {
+  background-color: rgba(237, 125, 58, 0.7);
+}
+
+.vpnRow-add:hover {
+  background: #ed7d3a;
+}
+
+.settingsDashboard-plans .freeColumn-free,
+.totalRows-monthly-price,
+.totalRows-yearly-price {
+  color: #0d0d0d;
+}
+
+.totalRows-discount {
+  border-color: transparent #ED7D3A;
 }
 
 .pm_modal .modal-dialog {
@@ -274,22 +348,22 @@ html.protonmail .text-purple {
 }
 
 .pm_modal .modal-dialog .close {
-  color: #fff;
+  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 {
@@ -298,5 +372,9 @@ html.protonmail .text-purple {
 
 body .cg-notify-message.notification-success {
   background-color: #ED7D3A;
-  color: #fff;
+  color: #FFF;
+}
+
+.appConfigBody-is-mobile .sidebarApp-container {
+  background: #0F4C5C;
 }
diff --git a/Themes/blue_and_orange/blue_and_orange.min.css b/Themes/blue_and_orange/blue_and_orange.min.css
deleted file mode 100644
index 7aa706d..0000000
--- a/Themes/blue_and_orange/blue_and_orange.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.headerDesktop-container{background-color:#0F4C5C}.search-form-fieldset{background:#0A353F}[class*="searchForm-action-button-"]{color:#fff}.searchForm-action-button-advanced:hover,.searchForm-action-button-toggle:hover{background:#ED7D3A}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px #ED7D3A;border-color:#ED7D3A}.pm_button.primary,.pm_button.primary:active{color:#fff;background-color:#0F4C5C;border-color:#0F4C5C}.pm_button.primary:hover,.pm_button.primary:focus{background-color:#0A353F;border-color:#0A353F}.navigation>li.active,.navigation>li:hover{box-shadow:0 5px 0 0 #ED7D3A inset}.navigation-link{color:#fff}.navigation-title:hover{color:#ED7D3A}.pm_dropdown .navigationUser-logout{background-color:#0F4C5C !important;border-color:#0F4C5C !important;color:#fff !important}.pm_dropdown .navigationUser-logout:hover{background-color:#0A353F !important;border-color:#0A353F !important;color:#fff !important}.sidebar-btn-compose,.sidebar-btn-compose:active{color:#fff !important;background:#ED7D3A !important;border:none !important}.sidebar-btn-compose:hover{color:#fff !important;background:#ED7D3A !important;border:none !important;box-shadow:inset 0 400px 400px rgba(0,0,0,0.1)}.headerDesktop-logo{background-color:#0F4C5C}body section.sidebar{background:#0F4C5C}body section.sidebar a.compose{background:#ED7D3A;color:#fff}body section.sidebar a.compose:hover{background:#fff;border-color:#fff;color:#0F4C5C}body section.sidebar ul.menu li a{color:#fff}body section.sidebar ul.menu li a:hover{color:#ED7D3A}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:#ED7D3A !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:#ED7D3A;opacity:1}body section.sidebar div.footer div.storage strong{color:#fff;opacity:0.5}body section.sidebar div.footer .bar em{background:#ED7D3A;height:3px}body section.sidebar div.footer .bar{background:#fff;height:3px}.pm_buttons,.pm_buttons a{color:#0F4C5C}.conversation.marked::before{background:#ED7D3A;width:5px}#pm_composer .composer header{background:#0F4C5C;color:#fff}p a{color:#ED7D3A}#pm_composer .composer footer .pm_button{background:#fff;color:#0F4C5C}#pm_composer .composer footer .pm_button:hover{background:#fff;color:#0F4C5C}#pm_composer .composer footer .pm_button.primary{background:#0F4C5C;color:#fff}#pm_composer .composer footer .pm_button.primary:hover{background:#ED7D3A;color:#fff}#pm_settings .pm_tabs{background:#e6eaf0}#pm_settings .pm_tabs li a.pm_button{color:#0F4C5C;border-color:#e6eaf0}#pm_settings .pm_tabs li a.pm_button:hover{color:#ED7D3A}#pm_settings .pm_tabs li.active a.pm_button{color:#ED7D3A}.pm_button.link{color:#ED7D3A}.pm_toggle.off .off,.pm_toggle.on .on{background:#0F4C5C;color:#fff}.alert.alert-info{background:#e6eaf0;color:#000}html.protonmail .text-purple{color:#ED7D3A}#pm_settings .bar em{background:#ED7D3A;height:4px}#pm_settings .bar{background:#0F4C5C;opacity:0.5;height:4px}#plans .plans .plan h3{background:#0F4C5C;color:#fff}#plans .plans .plan.plus-plan h3 span,#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:#fff}#plans .plans .plan footer .cycle strong{color:#ED7D3A}#plans .plans .plan footer .cycle .discount{border-color:transparent #ED7D3A transparent transparent}#plans .plans .plan footer .cycle .discount span{color:#fff}.pm_modal .modal-dialog{border-color:#0F4C5C}.pm_modal .modal-dialog .close{color:#fff;background:#0F4C5C}.pm_badge{color:#fff}.pm_badge.primary{background:#0F4C5C;color:#fff}.pm_badge.success{background:#ED7D3A;color:#fff}.pm_table table th a,.pm_table table th .fa{color:#ED7D3A}body .cg-notify-message.notification-success{background-color:#ED7D3A;color:#fff}
diff --git a/Themes/dark_bubble_gum/dark_bubble_gum.css b/Themes/dark_bubble_gum/dark_bubble_gum.css
index d7d2da5..6447f30 100644
--- a/Themes/dark_bubble_gum/dark_bubble_gum.css
+++ b/Themes/dark_bubble_gum/dark_bubble_gum.css
@@ -1,11 +1,12 @@
 /* =========================================== *
- * DARK BUBBLE GUM 3.7.3 THEME
+ * DARK BUBBLE GUM THEME
+ * Version: 3.12.0
  * Author: Cristiano Almeida
  * Website: www.csalmeida.com
  * Tweets @_csalmeida
  * =========================================== */
 .headerDesktop-container {
-  background-color: #0d0d0d;
+  background-color: #1C1C1C;
 }
 
 .search-form-fieldset {
@@ -13,7 +14,7 @@
 }
 
 [class*="searchForm-action-button-"] {
-  color: #fff;
+  color: #FFF;
 }
 
 .searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
@@ -26,14 +27,14 @@
 }
 
 .pm_button.primary, .pm_button.primary:active {
-  color: #fff;
-  background-color: #0d0d0d;
-  border-color: #0d0d0d;
+  color: #FFF;
+  background-color: #1C1C1C;
+  border-color: #1C1C1C;
 }
 
 .pm_button.primary:hover, .pm_button.primary:focus {
-  background-color: #000;
-  border-color: #000;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-color: rgba(0, 0, 0, 0.7);
 }
 
 .navigation > li.active, .navigation > li:hover {
@@ -41,7 +42,7 @@
 }
 
 .navigation-link {
-  color: #fff;
+  color: #FFF;
 }
 
 .navigation-title:hover {
@@ -49,51 +50,51 @@
 }
 
 .pm_dropdown .navigationUser-logout {
-  background-color: #0d0d0d !important;
-  border-color: #0d0d0d !important;
-  color: #fff !important;
+  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;
+  color: #FFF !important;
 }
 
 .sidebar-btn-compose, .sidebar-btn-compose:active {
-  color: #fff !important;
+  color: #FFF !important;
   background: #EF2D56 !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);
 }
 
 .headerDesktop-logo {
-  background-color: #0d0d0d;
+  background-color: #1C1C1C;
 }
 
 body section.sidebar {
-  background: #0d0d0d;
+  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: #0d0d0d;
+  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 {
@@ -101,7 +102,7 @@ body section.sidebar ul.menu li a:hover {
 }
 
 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 {
@@ -110,37 +111,37 @@ body section.sidebar ul.menu li.active a i.fa, body section.sidebar ul.menu li.a
 }
 
 body section.sidebar ul.menu li a .fa-repeat {
-  color: #fff;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar ul.menu li a i.fa {
-  color: #fff;
+  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;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar ul.menu li a em {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a:hover {
-  color: #fff;
+  color: #FFF;
   opacity: 1;
 }
 
 body section.sidebar div.footer div.link a, body section.sidebar a.version {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
@@ -150,32 +151,65 @@ body section.sidebar div.footer div.link a:hover, body section.sidebar a.version
 }
 
 body section.sidebar div.footer div.storage strong {
-  color: #fff;
+  color: #FFF;
   opacity: 0.5;
 }
 
-body section.sidebar div.footer .bar em {
-  background: #EF2D56;
-  height: 3px;
+.conversationPlaceholder #storageStatus .wrap span strong {
+  color: #EF2D56;
 }
 
-body section.sidebar div.footer .bar {
-  background: #fff;
-  height: 3px;
+.storageBar {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.storageBar .storageBar-progress {
+  background-color: #EF2D56;
 }
 
 .pm_buttons, .pm_buttons a {
   color: #0d0d0d;
 }
 
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+  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;
+}
+
+.dropdown-folder-search .fa.dropdown-folder-search-icon,
+.dropdown-label-search .fa.dropdown-label-search-icon {
+  color: #EF2D56;
+}
+
+.dropdown-folder-create-button,
+.createLabel-button {
+  color: #EF2D56;
+}
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+  border-color: #EF2D56 !important;
+}
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+  background-color: #EF2D56;
+  border-color: #EF2D56;
+  color: #1C1C1C;
+}
+
 .conversation.marked::before {
   background: #EF2D56;
   width: 5px;
 }
 
 #pm_composer .composer header {
-  background: #0d0d0d;
-  color: #fff;
+  background: #1C1C1C;
+  color: #FFF;
 }
 
 p a {
@@ -183,23 +217,23 @@ p a {
 }
 
 #pm_composer .composer footer .pm_button {
-  background: #fff;
-  color: #0d0d0d;
+  background: #FFF;
+  color: #1C1C1C;
 }
 
 #pm_composer .composer footer .pm_button:hover {
-  background: #fff;
-  color: #0d0d0d;
+  background: #FFF;
+  color: #1C1C1C;
 }
 
 #pm_composer .composer footer .pm_button.primary {
-  background: #0d0d0d;
-  color: #fff;
+  background: #1C1C1C;
+  color: #FFF;
 }
 
 #pm_composer .composer footer .pm_button.primary:hover {
   background: #EF2D56;
-  color: #fff;
+  color: #FFF;
 }
 
 #pm_settings .pm_tabs {
@@ -207,7 +241,7 @@ p a {
 }
 
 #pm_settings .pm_tabs li a.pm_button {
-  color: #0d0d0d;
+  color: #1C1C1C;
   border-color: #e6eaf0;
 }
 
@@ -224,72 +258,112 @@ p a {
 }
 
 .pm_toggle.off .off, .pm_toggle.on .on {
-  background: #0d0d0d;
-  color: #fff;
+  background: #1C1C1C;
+  color: #FFF;
+}
+
+.pm_toggle {
+  box-shadow: 0 0 0 1px #e6eaf0;
 }
 
 .alert.alert-info {
-  background: #e6eaf0;
-  color: #000;
+  background: rgba(230, 234, 240, 0.7);
+  color: #0d0d0d;
 }
 
-html.protonmail .text-purple {
-  color: #EF2D56;
+.alert.alert-warning {
+  background: rgba(255, 170, 0, 0.7);
+  color: #0d0d0d;
 }
 
-#pm_settings .bar em {
-  background: #EF2D56;
-  height: 4px;
+.pm_button.error:focus, .pm_button.error:hover {
+  background-color: #d62646;
+  border-color: rgba(214, 38, 70, 0.7);
 }
 
-#pm_settings .bar {
-  background: #0d0d0d;
-  opacity: 0.5;
-  height: 4px;
+.pm_button.error {
+  background-color: rgba(214, 38, 70, 0.7);
+  border-color: #d62646;
 }
 
-#plans .plans .plan h3 {
-  background: #0d0d0d;
-  color: #fff;
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+  color: #EF2D56 !important;
 }
 
-#plans .plans .plan.plus-plan h3 span, #plans .plans .plan.visionary-plan h3 span, #plans .plans .plan.visionary-plan header {
-  color: #fff;
+html.protonmail .text-red {
+  color: #d62646 !important;
 }
 
-#plans .plans .plan footer .cycle strong {
+.pm_button.link {
+  color: #0d0d0d !important;
+}
+
+.overviewSection-container .topUp-button {
   color: #EF2D56;
 }
 
-#plans .plans .plan footer .cycle .discount {
-  border-color: transparent #EF2D56 transparent transparent;
+.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;
 }
 
-#plans .plans .plan footer .cycle .discount span {
-  color: #fff;
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
+  background: rgba(239, 45, 86, 0.7);
+}
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
+  background: #ef2d56;
+}
+
+.vpnRow-add {
+  background-color: rgba(239, 45, 86, 0.7);
+}
+
+.vpnRow-add:hover {
+  background: #ef2d56;
+}
+
+.settingsDashboard-plans .freeColumn-free,
+.totalRows-monthly-price,
+.totalRows-yearly-price {
+  color: #0d0d0d;
+}
+
+.totalRows-discount {
+  border-color: transparent #EF2D56;
 }
 
 .pm_modal .modal-dialog {
-  border-color: #0d0d0d;
+  border-color: #1C1C1C;
 }
 
 .pm_modal .modal-dialog .close {
-  color: #fff;
-  background: #0d0d0d;
+  color: #FFF;
+  background: #1C1C1C;
 }
 
 .pm_badge {
-  color: #fff;
+  color: #FFF;
 }
 
 .pm_badge.primary {
-  background: #0d0d0d;
-  color: #fff;
+  background: #1C1C1C;
+  color: #FFF;
 }
 
 .pm_badge.success {
   background: #EF2D56;
-  color: #fff;
+  color: #FFF;
 }
 
 .pm_table table th a, .pm_table table th .fa {
@@ -298,5 +372,9 @@ html.protonmail .text-purple {
 
 body .cg-notify-message.notification-success {
   background-color: #EF2D56;
-  color: #fff;
+  color: #FFF;
+}
+
+.appConfigBody-is-mobile .sidebarApp-container {
+  background: #1C1C1C;
 }
diff --git a/Themes/dark_bubble_gum/dark_bubble_gum.min.css b/Themes/dark_bubble_gum/dark_bubble_gum.min.css
deleted file mode 100644
index 9d8e7d3..0000000
--- a/Themes/dark_bubble_gum/dark_bubble_gum.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.headerDesktop-container{background-color:#0d0d0d}.search-form-fieldset{background:#000}[class*="searchForm-action-button-"]{color:#fff}.searchForm-action-button-advanced:hover,.searchForm-action-button-toggle:hover{background:#EF2D56}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px #EF2D56;border-color:#EF2D56}.pm_button.primary,.pm_button.primary:active{color:#fff;background-color:#0d0d0d;border-color:#0d0d0d}.pm_button.primary:hover,.pm_button.primary:focus{background-color:#000;border-color:#000}.navigation>li.active,.navigation>li:hover{box-shadow:0 5px 0 0 #EF2D56 inset}.navigation-link{color:#fff}.navigation-title:hover{color:#EF2D56}.pm_dropdown .navigationUser-logout{background-color:#0d0d0d !important;border-color:#0d0d0d !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:#EF2D56 !important;border:none !important}.sidebar-btn-compose:hover{color:#fff !important;background:#EF2D56 !important;border:none !important;box-shadow:inset 0 400px 400px rgba(0,0,0,0.1)}.headerDesktop-logo{background-color:#0d0d0d}body section.sidebar{background:#0d0d0d}body section.sidebar a.compose{background:#EF2D56;color:#fff}body section.sidebar a.compose:hover{background:#fff;border-color:#fff;color:#0d0d0d}body section.sidebar ul.menu li a{color:#fff}body section.sidebar ul.menu li a:hover{color:#EF2D56}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:#EF2D56 !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:#EF2D56;opacity:1}body section.sidebar div.footer div.storage strong{color:#fff;opacity:0.5}body section.sidebar div.footer .bar em{background:#EF2D56;height:3px}body section.sidebar div.footer .bar{background:#fff;height:3px}.pm_buttons,.pm_buttons a{color:#0d0d0d}.conversation.marked::before{background:#EF2D56;width:5px}#pm_composer .composer header{background:#0d0d0d;color:#fff}p a{color:#EF2D56}#pm_composer .composer footer .pm_button{background:#fff;color:#0d0d0d}#pm_composer .composer footer .pm_button:hover{background:#fff;color:#0d0d0d}#pm_composer .composer footer .pm_button.primary{background:#0d0d0d;color:#fff}#pm_composer .composer footer .pm_button.primary:hover{background:#EF2D56;color:#fff}#pm_settings .pm_tabs{background:#e6eaf0}#pm_settings .pm_tabs li a.pm_button{color:#0d0d0d;border-color:#e6eaf0}#pm_settings .pm_tabs li a.pm_button:hover{color:#EF2D56}#pm_settings .pm_tabs li.active a.pm_button{color:#EF2D56}.pm_button.link{color:#EF2D56}.pm_toggle.off .off,.pm_toggle.on .on{background:#0d0d0d;color:#fff}.alert.alert-info{background:#e6eaf0;color:#000}html.protonmail .text-purple{color:#EF2D56}#pm_settings .bar em{background:#EF2D56;height:4px}#pm_settings .bar{background:#0d0d0d;opacity:0.5;height:4px}#plans .plans .plan h3{background:#0d0d0d;color:#fff}#plans .plans .plan.plus-plan h3 span,#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:#fff}#plans .plans .plan footer .cycle strong{color:#EF2D56}#plans .plans .plan footer .cycle .discount{border-color:transparent #EF2D56 transparent transparent}#plans .plans .plan footer .cycle .discount span{color:#fff}.pm_modal .modal-dialog{border-color:#0d0d0d}.pm_modal .modal-dialog .close{color:#fff;background:#0d0d0d}.pm_badge{color:#fff}.pm_badge.primary{background:#0d0d0d;color:#fff}.pm_badge.success{background:#EF2D56;color:#fff}.pm_table table th a,.pm_table table th .fa{color:#EF2D56}body .cg-notify-message.notification-success{background-color:#EF2D56;color:#fff}
diff --git a/Themes/green_lume/green_lume.css b/Themes/green_lume/green_lume.css
index 912fc23..029fe9f 100644
--- a/Themes/green_lume/green_lume.css
+++ b/Themes/green_lume/green_lume.css
@@ -1,5 +1,6 @@
 /* =========================================== *
- * GREEN LUME 3.12.0 THEME
+ * GREEN LUME THEME
+ * Version: 3.12.0
  * Author: Cristiano Almeida
  * Website: www.csalmeida.com
  * Tweets @_csalmeida
diff --git a/Themes/monokai/monokai.css b/Themes/monokai/monokai.css
index d9722f0..5bdab1f 100644
--- a/Themes/monokai/monokai.css
+++ b/Themes/monokai/monokai.css
@@ -1,321 +1,381 @@
-/*
-built by tripscripts
-
-using Cristiano Almeida's "Theme Generator"
-http://www.csalmeida.com/demos/quark/
-
-this theme is based off of 
-Sublime Text's "Monokai" color scheme
-*/
-
+/* =========================================== *
+ * MONOKAI THEME
+ * Version: 3.12.0
+ * Author: tripscripts
+ * Website: N/A
+ * Tweets N/A
+ * Updated by: csalmeida
+ * =========================================== */
 .headerDesktop-container {
-    background-color: #1D1E1A
+  background-color: #1D1E1A;
 }
 
 .search-form-fieldset {
-    background: #615C4C
+  background: #5B26D6;
 }
 
 [class*="searchForm-action-button-"] {
-    color: #9376D6
+  color: #FFF;
 }
 
-.searchForm-action-button-advanced:hover,
-.searchForm-action-button-toggle:hover {
-    background: #89C62A
+.searchForm-action-button-advanced:hover, .searchForm-action-button-toggle:hover {
+  background: #89C62A;
 }
 
-.customRadio-input:checked+.customRadio-mask {
-    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #89C62A;
-    border-color: #89C62A
+.customRadio-input:checked + .customRadio-mask {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #89C62A;
+  border-color: #89C62A;
 }
 
-.pm_button.primary,
-.pm_button.primary:active {
-    color: #fff;
-    background-color: #1D1E1A;
-    border-color: #1D1E1A
+.pm_button.primary, .pm_button.primary:active {
+  color: #FFF;
+  background-color: #1D1E1A;
+  border-color: #1D1E1A;
 }
 
-.pm_button.primary:hover,
-.pm_button.primary:focus {
-    background-color: #615C4C;
-    border-color: #615C4C
+.pm_button.primary:hover, .pm_button.primary:focus {
+  background-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
+.navigation > li.active, .navigation > li:hover {
+  box-shadow: 0 5px 0 0 #89C62A inset;
 }
 
 .navigation-link {
-    color: #9376D6
+  color: #FFF;
 }
 
 .navigation-title:hover {
-    color: #89C62A
+  color: #89C62A;
 }
 
 .pm_dropdown .navigationUser-logout {
-    background-color: #1D1E1A !important;
-    border-color: #1D1E1A !important;
-    color: #9376D6 !important
+  background-color: #1D1E1A !important;
+  border-color: #1D1E1A !important;
+  color: #FFF !important;
 }
 
 .pm_dropdown .navigationUser-logout:hover {
-    background-color: #615C4C !important;
-    border-color: #615C4C !important;
-    color: #9376D6 !important
+  background-color: #5B26D6 !important;
+  border-color: #5B26D6 !important;
+  color: #FFF !important;
 }
 
-.sidebar-btn-compose,
-.sidebar-btn-compose:active {
-    color: #fff !important;
-    background: #89C62A !important;
-    border: none !important
+.sidebar-btn-compose, .sidebar-btn-compose:active {
+  color: #FFF !important;
+  background: #89C62A !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)
+  color: #FFF !important;
+  background: #89C62A !important;
+  border: none !important;
+  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: #9376D6
+  background: #89C62A;
+  color: #FFF;
 }
 
 body section.sidebar a.compose:hover {
-    background: #9376D6;
-    border-color: #9376D6;
-    color: #1D1E1A
+  background: #FFF;
+  border-color: #FFF;
+  color: #1D1E1A;
 }
 
 body section.sidebar ul.menu li a {
-    color: #9376D6
+  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: #9376D6
+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: #89C62A !important;
-    opacity: 1
+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;
 }
 
 body section.sidebar ul.menu li a .fa-repeat {
-    color: #9376D6;
-    opacity: 1
+  color: #FFF;
+  opacity: 1;
 }
 
 body section.sidebar ul.menu li a i.fa {
-    color: #9376D6;
-    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: #9376D6;
-    opacity: 1
+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: #9376D6;
-    opacity: 0.5
+  color: #FFF;
+  opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a {
-    color: #9376D6;
-    opacity: 0.5
+  color: #FFF;
+  opacity: 0.5;
 }
 
 body section.sidebar div.labels ul li a:hover {
-    color: #9376D6;
-    opacity: 1
+  color: #FFF;
+  opacity: 1;
 }
 
-body section.sidebar div.footer div.link a,
-body section.sidebar a.version {
-    color: #9376D6;
-    opacity: 0.5
+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: #89C62A;
-    opacity: 1
+body section.sidebar div.footer div.link a:hover, body section.sidebar a.version:hover {
+  color: #89C62A;
+  opacity: 1;
 }
 
 body section.sidebar div.footer div.storage strong {
-    color: #9376D6;
-    opacity: 0.5
+  color: #FFF;
+  opacity: 0.5;
+}
+
+.conversationPlaceholder #storageStatus .wrap span strong {
+  color: #89C62A;
 }
 
-body section.sidebar div.footer .bar em {
-    background: #89C62A;
-    height: 3px
+.storageBar {
+  background-color: rgba(0, 0, 0, 0.1);
 }
 
-body section.sidebar div.footer .bar {
-    background: #9376D6;
-    height: 3px
+.storageBar .storageBar-progress {
+  background-color: #89C62A;
 }
 
-.pm_buttons,
-.pm_buttons a {
-    color: #1D1E1A
+.pm_buttons, .pm_buttons a {
+  color: #0d0d0d;
+}
+
+.pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover {
+  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;
+}
+
+.dropdown-folder-search .fa.dropdown-folder-search-icon,
+.dropdown-label-search .fa.dropdown-label-search-icon {
+  color: #89C62A;
+}
+
+.dropdown-folder-create-button,
+.createLabel-button {
+  color: #89C62A;
+}
+
+.customCheckbox-container:hover .customCheckbox-mask,
+.customMaskInput-container:hover .customCheckbox-mask {
+  border-color: #89C62A !important;
+}
+
+.customCheckbox-input:checked + .customCheckbox-mask {
+  background-color: #89C62A;
+  border-color: #89C62A;
+  color: #1D1E1A;
 }
 
 .conversation.marked::before {
-    background: #89C62A;
-    width: 5px
+  background: #89C62A;
+  width: 5px;
 }
 
 #pm_composer .composer header {
-    background: #1D1E1A;
-    color: #9376D6
+  background: #1D1E1A;
+  color: #FFF;
 }
 
 p a {
-    color: #89C62A
+  color: #89C62A;
 }
 
 #pm_composer .composer footer .pm_button {
-    background: #9376D6;
-    color: #1D1E1A
+  background: #FFF;
+  color: #1D1E1A;
 }
 
 #pm_composer .composer footer .pm_button:hover {
-    background: #9376D6;
-    color: #1D1E1A
+  background: #FFF;
+  color: #1D1E1A;
 }
 
 #pm_composer .composer footer .pm_button.primary {
-    background: #1D1E1A;
-    color: #9376D6
+  background: #1D1E1A;
+  color: #FFF;
 }
 
 #pm_composer .composer footer .pm_button.primary:hover {
-    background: #89C62A;
-    color: #9376D6
+  background: #89C62A;
+  color: #FFF;
 }
 
 #pm_settings .pm_tabs {
-    background: #e6eaf0
+  background: #e6eaf0;
 }
 
 #pm_settings .pm_tabs li a.pm_button {
-    color: #1D1E1A;
-    border-color: #e6eaf0
+  color: #1D1E1A;
+  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;
 }
 
-.pm_toggle.off .off,
-.pm_toggle.on .on {
-    background: #1D1E1A;
-    color: #9376D6
+.pm_toggle {
+  box-shadow: 0 0 0 1px #e6eaf0;
 }
 
 .alert.alert-info {
-    background: #e6eaf0;
-    color: #000
+  background: rgba(230, 234, 240, 0.7);
+  color: #0d0d0d;
 }
 
-html.protonmail .text-purple {
-    color: #89C62A
+.alert.alert-warning {
+  background: rgba(255, 170, 0, 0.7);
+  color: #0d0d0d;
 }
 
-#pm_settings .bar em {
-    background: #89C62A;
-    height: 4px
+.pm_button.error:focus, .pm_button.error:hover {
+  background-color: #d62646;
+  border-color: rgba(214, 38, 70, 0.7);
 }
 
-#pm_settings .bar {
-    background: #1D1E1A;
-    opacity: 0.5;
-    height: 4px
+.pm_button.error {
+  background-color: rgba(214, 38, 70, 0.7);
+  border-color: #d62646;
 }
 
-#plans .plans .plan h3 {
-    background: #1D1E1A;
-    color: #9376D6
+html.protonmail .text-purple,
+.settingsUsers-link-signatures {
+  color: #89C62A !important;
 }
 
-#plans .plans .plan.plus-plan h3 span,
-#plans .plans .plan.visionary-plan h3 span,
-#plans .plans .plan.visionary-plan header {
-    color: #9376D6
+html.protonmail .text-red {
+  color: #d62646 !important;
 }
 
-#plans .plans .plan footer .cycle strong {
-    color: #89C62A
+.pm_button.link {
+  color: #0d0d0d !important;
+}
+
+.overviewSection-container .topUp-button {
+  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;
+}
+
+.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;
+}
+
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button {
+  background: rgba(137, 198, 42, 0.7);
 }
 
-#plans .plans .plan footer .cycle .discount {
-    border-color: transparent #89C62A transparent transparent
+[class*="settingsDashboard-arrowToScroll"] .arrowsToScroll-button:hover {
+  background: #89c62a;
 }
 
-#plans .plans .plan footer .cycle .discount span {
-    color: #9376D6
+.vpnRow-add {
+  background-color: rgba(137, 198, 42, 0.7);
+}
+
+.vpnRow-add:hover {
+  background: #89c62a;
+}
+
+.settingsDashboard-plans .freeColumn-free,
+.totalRows-monthly-price,
+.totalRows-yearly-price {
+  color: #0d0d0d;
+}
+
+.totalRows-discount {
+  border-color: transparent #89C62A;
 }
 
 .pm_modal .modal-dialog {
-    border-color: #1D1E1A
+  border-color: #1D1E1A;
 }
 
 .pm_modal .modal-dialog .close {
-    color: #9376D6;
-    background: #1D1E1A
+  color: #FFF;
+  background: #1D1E1A;
 }
 
 .pm_badge {
-    color: #9376D6
+  color: #FFF;
 }
 
 .pm_badge.primary {
-    background: #1D1E1A;
-    color: #9376D6
+  background: #1D1E1A;
+  color: #FFF;
 }
 
 .pm_badge.success {
-    background: #89C62A;
-    color: #9376D6
+  background: #89C62A;
+  color: #FFF;
 }
 
-.pm_table table th a,
-.pm_table table th .fa {
-    color: #89C62A
+.pm_table table th a, .pm_table table th .fa {
+  color: #89C62A;
 }
 
 body .cg-notify-message.notification-success {
-    background-color: #89C62A;
-    color: #9376D6
-}
\ No newline at end of file
+  background-color: #89C62A;
+  color: #FFF;
+}
+
+.appConfigBody-is-mobile .sidebarApp-container {
+  background: #1D1E1A;
+}
diff --git a/Themes/monokai/monokai.min.css b/Themes/monokai/monokai.min.css
deleted file mode 100644
index 372eb78..0000000
--- a/Themes/monokai/monokai.min.css
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
-built by tripscripts
-
-using Cristiano Almeida's "Theme Generator"
-http://www.csalmeida.com/demos/quark/
-
-this theme is based off of 
-Sublime Text's "Monokai" color scheme
-*/
-.headerDesktop-container{background-color:#1D1E1A}.search-form-fieldset{background:#615C4C}[class*="searchForm-action-button-"]{color:#9376D6}.searchForm-action-button-advanced:hover,.searchForm-action-button-toggle:hover{background:#89C62A}.customRadio-input:checked+.customRadio-mask{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px #89C62A;border-color:#89C62A}.pm_button.primary,.pm_button.primary:active{color:#fff;background-color:#1D1E1A;border-color:#1D1E1A}.pm_button.primary:hover,.pm_button.primary:focus{background-color:#615C4C;border-color:#615C4C}.navigation>li.active,.navigation>li:hover{box-shadow:0 5px 0 0 #89C62A inset}.navigation-link{color:#9376D6}.navigation-title:hover{color:#89C62A}.pm_dropdown .navigationUser-logout{background-color:#1D1E1A !important;border-color:#1D1E1A !important;color:#9376D6 !important}.pm_dropdown .navigationUser-logout:hover{background-color:#615C4C !important;border-color:#615C4C !important;color:#9376D6 !important}.sidebar-btn-compose,.sidebar-btn-compose:active{color:#fff !important;background:#89C62A !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)}.headerDesktop-logo{background-color:#1D1E1A}body section.sidebar{background:#1D1E1A}body section.sidebar a.compose{background:#89C62A;color:#9376D6}body section.sidebar a.compose:hover{background:#9376D6;border-color:#9376D6;color:#1D1E1A}body section.sidebar ul.menu li a{color:#9376D6}body section.sidebar ul.menu li a:hover{color:#89C62A}body section.sidebar ul.menu li.active a,body section.sidebar ul.menu li.active a{color:#9376D6}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}body section.sidebar ul.menu li a .fa-repeat{color:#9376D6;opacity:1}body section.sidebar ul.menu li a i.fa{color:#9376D6;opacity:0.5}body section.sidebar ul.menu li a i.fa:hover,body section.sidebar ul.menu li a:hover i.fa{color:#9376D6;opacity:1}body section.sidebar ul.menu li a em{color:#9376D6;opacity:0.5}body section.sidebar div.labels ul li a{color:#9376D6;opacity:0.5}body section.sidebar div.labels ul li a:hover{color:#9376D6;opacity:1}body section.sidebar div.footer div.link a,body section.sidebar a.version{color:#9376D6;opacity:0.5}body section.sidebar div.footer div.link a:hover,body section.sidebar a.version:hover{color:#89C62A;opacity:1}body section.sidebar div.footer div.storage strong{color:#9376D6;opacity:0.5}body section.sidebar div.footer .bar em{background:#89C62A;height:3px}body section.sidebar div.footer .bar{background:#9376D6;height:3px}.pm_buttons,.pm_buttons a{color:#1D1E1A}.conversation.marked::before{background:#89C62A;width:5px}#pm_composer .composer header{background:#1D1E1A;color:#9376D6}p a{color:#89C62A}#pm_composer .composer footer .pm_button{background:#9376D6;color:#1D1E1A}#pm_composer .composer footer .pm_button:hover{background:#9376D6;color:#1D1E1A}#pm_composer .composer footer .pm_button.primary{background:#1D1E1A;color:#9376D6}#pm_composer .composer footer .pm_button.primary:hover{background:#89C62A;color:#9376D6}#pm_settings .pm_tabs{background:#e6eaf0}#pm_settings .pm_tabs li a.pm_button{color:#1D1E1A;border-color:#e6eaf0}#pm_settings .pm_tabs li a.pm_button:hover{color:#89C62A}#pm_settings .pm_tabs li.active a.pm_button{color:#89C62A}.pm_button.link{color:#89C62A}.pm_toggle.off .off,.pm_toggle.on .on{background:#1D1E1A;color:#9376D6}.alert.alert-info{background:#e6eaf0;color:#000}html.protonmail .text-purple{color:#89C62A}#pm_settings .bar em{background:#89C62A;height:4px}#pm_settings .bar{background:#1D1E1A;opacity:0.5;height:4px}#plans .plans .plan h3{background:#1D1E1A;color:#9376D6}#plans .plans .plan.plus-plan h3 span,#plans .plans .plan.visionary-plan h3 span,#plans .plans .plan.visionary-plan header{color:#9376D6}#plans .plans .plan footer .cycle strong{color:#89C62A}#plans .plans .plan footer .cycle .discount{border-color:transparent #89C62A transparent transparent}#plans .plans .plan footer .cycle .discount span{color:#9376D6}.pm_modal .modal-dialog{border-color:#1D1E1A}.pm_modal .modal-dialog .close{color:#9376D6;background:#1D1E1A}.pm_badge{color:#9376D6}.pm_badge.primary{background:#1D1E1A;color:#9376D6}.pm_badge.success{background:#89C62A;color:#9376D6}.pm_table table th a,.pm_table table th .fa{color:#89C62A}body .cg-notify-message.notification-success{background-color:#89C62A;color:#9376D6}
\ No newline at end of file
diff --git a/screenshots/green_lume_3.12.0.gif b/screenshots/green_lume_3.12.0.gif
new file mode 100644
index 0000000..07ee0b1
--- /dev/null
+++ b/screenshots/green_lume_3.12.0.gif
diff --git a/screenshots/green_lume_3.5.16.png b/screenshots/green_lume_3.5.16.png
deleted file mode 100644
index 698cf4a..0000000
--- a/screenshots/green_lume_3.5.16.png
+++ /dev/null