fix Mailboxes dropdown colors

src/popup/App.scss

@@ -15,8 +15,7 @@ body {
 input.form-control,
 select.form-control,
 textarea.form-control,
-.v--modal-box.v--modal.vue-dialog div,
-.v--modal-box.v--modal.vue-dialog button {
+.dropdown-menu.show {
   color: var(--text-color);
   background-color: var(--input-bg-color);
   border-color: var(--input-border-color);
@@ -32,12 +31,19 @@ textarea.form-control:disabled {
 
 input.form-control:focus,
 select.form-control:focus,
-textarea.form-control:disabled {
+textarea.form-control:focus {
   color: var(--text-color);
   background-color: var(--input-bg-focus);
   border-color: var(--input-border-color);
 }
 
+.v--modal-box.v--modal.vue-dialog div,
+.v--modal-box.v--modal.vue-dialog button {
+  color: var(--text-color);
+  background-color: var(--input-bg-color);
+  border-color: var(--delimiter-color);
+}
+
 .header {
   height: 45px;
   width: 460px;

src/popup/Theme.scss

@@ -23,7 +23,7 @@
   --delete-button-hover-color: rgba(255, 255, 255, 0.1);
 
   // For switching colors of monochrome images
-  .invertable {
+  .invertable, .btn.dropdown-toggle {
     filter: invert(0.8);
   }
 
@@ -57,7 +57,7 @@
     --delete-button-hover-color: rgba(255, 255, 255, 0.1);
 
     // For switching colors of monochrome images
-    .invertable {
+    .invertable, .btn.dropdown-toggle {
       filter: invert(0.8);
     }