From 54a0da8151995d0182665d6e58535ef9d5276c44 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Fri, 1 Jan 2021 12:29:52 -0800
Subject: [PATCH] Dark mode compatability

---
 .../src/app/components/app-frame/app-frame.component.scss   | 6 +++++-
 src-ui/src/theme_dark.scss                                  | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 473e6f85b..2d3cc5f04 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -104,6 +104,10 @@
     svg {
       display: none;
     }
+
+    .form-control::placeholder {
+      color: rgba(255, 255, 255, 0);
+    }
   }
 
   .form-control {
@@ -121,7 +125,7 @@
 
     &:focus {
       background-color: #fff;
-      color: initial;
+      color: #212529;
       flex-grow: 1;
       padding-left: 0.5rem;
     }
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index a122f1d86..5f08583e8 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -36,6 +36,10 @@ $border-color-dark-mode: #47494f;
     }
   }
 
+  .text-light {
+    color: $text-color-dark-mode !important;
+  }
+
   .border {
     border-color: $border-color-dark-mode !important;
   }