Adapted themings to allow for light and dark

src/routes/+layout.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Toasts from "$lib/components/Toasts/Toasts.svelte";
 </script>
 

src/routes/contact/+page.svelte

@@ -9,6 +9,7 @@
     if (sent == "true") {
         addToast(new Toast("Thank you! Your E-Mail has been sent. I will reply as soon as possible!", ToastType.Success, true, 5000));
     }
+    // Can't use else otherwise the warning will display on load
     if (sent == "false") {
         addToast(new Toast("Sorry, your E-Mail could not be sent... Please try again later!", ToastType.Error, true, 5000));
     }
@@ -26,7 +27,8 @@
     
     input, textarea {
         padding: 1em 0em 1em 1em;
-        background-color: var(--bg-grad);
+        background-color: var(--input);
+        color: var(--fg);
         border: 0; 
         outline: 0;
         border-radius: 8px;
@@ -35,7 +37,7 @@
         transition: all 0.15s;
     
         &:focus, &:hover{
-            box-shadow: .2em .2em .2em var(--red);
+            box-shadow: .2em .2em .2em var(--green);
         }
     }