Change spinner color based on theme

src/components/App.scss

@@ -74,7 +74,7 @@ code {
   --labs-text: #{$pink-700};
   --deadline-text: #{$teal-700};
 
-  --day-indicator-column: #{rgba($gray-500, 0.25)}
+  --day-indicator-column: #{rgba($gray-500, 0.25)};
 }
 
 [data-theme="dark"] {

src/components/molecules/LoadingScreen/index.tsx

@@ -18,7 +18,7 @@ const LoadingScreen: React.FC<LoadingScreenProps> = ({ isLoaded, error, successf
           transform: "translate(-50%, -50%)",
         }}
       >
-        <Spinner animation="border" />
+        <Spinner animation="border" variant={document.documentElement.getAttribute("data-theme") === "dark" ? "light" : "dark"} />
       </div>
     );
   if (error) return <> Error retrieving data: {error} </>;