From 9fbf5311bd105c5fde925da685bc654ad4c36ff3 Mon Sep 17 00:00:00 2001
From: Juju <53228897+Juju26@users.noreply.github.com>
Date: Tue, 20 Dec 2022 05:14:03 +0000
Subject: [PATCH 1/2] Options->Transition dropdown element's visibility fixed
 suiting dark mode forcing color of dropdown elements to be "black".

---
 src/components/Options.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Options.tsx b/src/components/Options.tsx
index f1cf524..0af3628 100644
--- a/src/components/Options.tsx
+++ b/src/components/Options.tsx
@@ -27,6 +27,7 @@ const OptionsContainer = styled.div`
     align-items: flex-start;
   }
   & ul {
+    color: "black";
     list-style: none;
     padding: 0;
   }
@@ -94,10 +95,10 @@ export const Options: React.FC<OptionsProps> = ({
             name="transition"
             id="transition"
             onChange={handleInput}
-            value={transition}
-          >
+            value={transition}>
+              
             {Object.keys(transitions).map((k) => (
-              <option key={k} value={k}>
+              <option key={k} value={k} >
                 {k}
               </option>
             ))}

From 6bab02c8be2ecf36c839bcc30dd701db910d6ec2 Mon Sep 17 00:00:00 2001
From: Juju <53228897+Juju26@users.noreply.github.com>
Date: Tue, 20 Dec 2022 05:22:17 +0000
Subject: [PATCH 2/2] Options->Transition dropdown element's visibility fixed
 in dark mode enforcing an inline css inorder to see the dropdown elements.

---
 src/components/Options.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Options.tsx b/src/components/Options.tsx
index 0af3628..c9b25aa 100644
--- a/src/components/Options.tsx
+++ b/src/components/Options.tsx
@@ -98,7 +98,7 @@ export const Options: React.FC<OptionsProps> = ({
             value={transition}>
               
             {Object.keys(transitions).map((k) => (
-              <option key={k} value={k} >
+              <option key={k} value={k} style={{color : "black"}} >
                 {k}
               </option>
             ))}