From 6c5a70c03e39ff0f30689c44e78a2237de641f13 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 13 Nov 2022 01:52:47 -0800
Subject: [PATCH] Add styles to fileinput

---
 src/renderer/components/input/index.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/renderer/components/input/index.tsx b/src/renderer/components/input/index.tsx
index 079ca099b..5bacca11f 100644
--- a/src/renderer/components/input/index.tsx
+++ b/src/renderer/components/input/index.tsx
@@ -112,6 +112,19 @@ const StyledPasswordInput = styled(MantinePasswordInput)<PasswordInputProps>`
 `;
 
 const StyledFileInput = styled(MantineFileInput)<FileInputProps>`
+  & .mantine-FileInput-input {
+    color: var(--input-fg);
+    background: var(--input-bg);
+
+    &::placeholder {
+      color: var(--input-placeholder-fg);
+    }
+  }
+
+  & .mantine-FileInput-icon {
+    color: var(--input-placeholder-fg);
+  }
+
   & .mantine-FileInput-required {
     color: var(--secondary-color);
   }