From 5d02e8933ee165bad74e6dcdc6553600023e24d8 Mon Sep 17 00:00:00 2001
From: ilyapopovs <ilya@popovs.dev>
Date: Wed, 19 Oct 2022 01:48:34 +0300
Subject: [PATCH] fix Mailboxes dropdown colors

---
 src/popup/App.scss   | 12 +++++++++---
 src/popup/Theme.scss |  4 ++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/popup/App.scss b/src/popup/App.scss
index 0d82fa0..8b68274 100644
--- a/src/popup/App.scss
+++ b/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;
diff --git a/src/popup/Theme.scss b/src/popup/Theme.scss
index 7c73b3f..d6cad06 100644
--- a/src/popup/Theme.scss
+++ b/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);
     }