From 3acff47663d06a856cfed433877be8950af2e20f Mon Sep 17 00:00:00 2001
From: axel <contact@axel.moe>
Date: Sat, 12 Apr 2025 22:12:34 +0200
Subject: [PATCH] dark mode adjustments

---
 src/lib/components/forms/InputSelect.svelte      | 6 +++---
 src/lib/components/forms/InputText.svelte        | 4 ++--
 src/lib/components/forms/InputToggle.svelte      | 2 +-
 src/lib/components/resources/ResourceCard.svelte | 2 +-
 src/lib/components/ui/Button.svelte              | 4 ++--
 src/lib/components/ui/HorizontalSpacer.svelte    | 2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/forms/InputSelect.svelte b/src/lib/components/forms/InputSelect.svelte
index 8731298..b66bfde 100644
--- a/src/lib/components/forms/InputSelect.svelte
+++ b/src/lib/components/forms/InputSelect.svelte
@@ -40,7 +40,7 @@
     <label for={name} class="block w-1/3 min-w-[300px]">
         <p>{label}</p>
         {#if sublabel}
-            <p class="text-sm text-neutral-400 dark:text-neutral-600">{sublabel}</p>    
+            <p class="text-sm text-neutral-400 dark:text-neutral-500">{sublabel}</p>    
         {/if}
     </label>
     <select multiple name={name} class="hidden">
@@ -49,7 +49,7 @@
         {/each}
     </select>
 
-    <div class="relative flex gap-10 items-center h-fit rounded border border-gray-300 dark:border-neutral-800 shadow-sm pl-4 pr-2 py-2 text-sm focus:ring-indigo-500 focus:border-indigo-500">
+    <div class="relative flex gap-10 items-center h-fit rounded border border-gray-300 dark:border-neutral-700 shadow-sm dark:shadow-neutral-800 pl-4 pr-2 py-2 text-sm focus:ring-indigo-500 focus:border-indigo-500">
         {#if selectData.length == 0}
             <p>None available</p>
         {:else}
@@ -59,7 +59,7 @@
         {/if}
 
         {#if expanded}
-            <ul transition:slide onmouseleave={() => focused = false} onmouseenter={() => focused = true} class="absolute flex flex-col gap-2 top-[calc(100%+10px)] z-1 left-0 w-full max-h-40 overflow-y-scroll bg-white dark:bg-neutral-950 rounded border border-gray-300 dark:border-neutral-800 shadow-sm p-2 text-xs">
+            <ul transition:slide onmouseleave={() => focused = false} onmouseenter={() => focused = true} class="absolute flex flex-col gap-2 top-[calc(100%+10px)] z-1 left-0 w-full max-h-40 overflow-y-scroll bg-white dark:bg-neutral-950 rounded border border-gray-300 dark:border-neutral-700 shadow-sm p-2 text-xs">
                 <div class="flex gap-2 items-center">
                     <IconSearch class="text-neutral-400"/>
                     <input type="text" placeholder="Search..." bind:value={search} class="block w-full text-sm !outline-none transition-all duration-300 ease-in-out border-transparent focus:border-b-2 focus:border-indigo-500">
diff --git a/src/lib/components/forms/InputText.svelte b/src/lib/components/forms/InputText.svelte
index fcfc805..22c7cdb 100644
--- a/src/lib/components/forms/InputText.svelte
+++ b/src/lib/components/forms/InputText.svelte
@@ -12,9 +12,9 @@
     <label for={name} class="block w-1/3 min-w-[300px]">
         <p>{label}</p>
         {#if sublabel}
-            <p class="text-sm text-neutral-400 dark:text-neutral-600">{sublabel}</p>    
+            <p class="text-sm text-neutral-400 dark:text-neutral-500">{sublabel}</p>    
         {/if}
     </label>
     <input id={name} name={name} type="text" defaultValue={defaultValue} {...others}
-        class="block h-fit rounded border border-gray-300 dark:border-neutral-800 shadow-sm px-4 py-2 text-sm focus:ring-indigo-500 focus:border-indigo-500">
+        class="block h-fit rounded border border-gray-300 dark:border-neutral-700 shadow-sm dark:shadow-neutral-800 px-4 py-2 text-sm focus:ring-indigo-500 focus:border-indigo-500">
 </div>
\ No newline at end of file
diff --git a/src/lib/components/forms/InputToggle.svelte b/src/lib/components/forms/InputToggle.svelte
index c611546..6ae1381 100644
--- a/src/lib/components/forms/InputToggle.svelte
+++ b/src/lib/components/forms/InputToggle.svelte
@@ -17,7 +17,7 @@
     <label for={name} class="block w-1/3 min-w-[300px]">
         <p>{label}</p>
         {#if sublabel.length > 0}
-            <p class="text-sm text-neutral-400 dark:text-neutral-600">{sublabel}</p>    
+            <p class="text-sm text-neutral-400 dark:text-neutral-500">{sublabel}</p>    
         {/if}
     </label>
 
diff --git a/src/lib/components/resources/ResourceCard.svelte b/src/lib/components/resources/ResourceCard.svelte
index 5d3c15f..8c28bf2 100644
--- a/src/lib/components/resources/ResourceCard.svelte
+++ b/src/lib/components/resources/ResourceCard.svelte
@@ -6,7 +6,7 @@
      } = $props();
 </script>
 
-<div class="flex gap-10 justify-between items-center rounded border border-neutral-200 dark:border-neutral-800 py-4 px-6 shadow">
+<div class="flex gap-10 justify-between items-center rounded border border-neutral-200 dark:border-neutral-700 py-4 px-6 shadow dark:shadow-neutral-800">
     <div>
         <p class="font-medium">{title}</p>
         <p class="text-neutral-400">{subtitle}</p>
diff --git a/src/lib/components/ui/Button.svelte b/src/lib/components/ui/Button.svelte
index 2545e27..7465b5d 100644
--- a/src/lib/components/ui/Button.svelte
+++ b/src/lib/components/ui/Button.svelte
@@ -24,12 +24,12 @@
         "normal": {
             "danger": "bg-red-500 hover:bg-red-600 text-white border border-transparent",
             "success": "bg-emerald-500 hover:bg-emerald-600 text-white border border-transparent",
-            "primary": "bg-neutral-800 dark:bg-neutral-700 hover:bg-neutral-600 text-white border border-transparent",
+            "primary": "bg-neutral-800 dark:bg-neutral-200 hover:bg-neutral-600 dark:hover:bg-neutral-400 text-white dark:text-black border border-transparent",
         },
         "inverted": {
             "danger": "bg-white dark:bg-black hover:bg-red-100 dark:hover:bg-red-950 text-red-500 border border-red-500",
             "success": "bg-white hover:bg-emerald-100 text-emerald-500 border border-emerald-500",
-            "primary": "bg-white dark:bg-neutral-950 hover:bg-neutral-100 dark:hover:bg-neutral-900 text-neutral-800 dark:text-neutral-200 border border-neutral-800",
+            "primary": "bg-white dark:bg-neutral-950 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-800 dark:text-neutral-200 border border-neutral-800 dark:border-neutral-700",
         },
     };
 
diff --git a/src/lib/components/ui/HorizontalSpacer.svelte b/src/lib/components/ui/HorizontalSpacer.svelte
index 5f97965..98e8d92 100644
--- a/src/lib/components/ui/HorizontalSpacer.svelte
+++ b/src/lib/components/ui/HorizontalSpacer.svelte
@@ -1 +1 @@
-<div class="w-full h-px bg-neutral-200 dark:bg-neutral-800 my-4"></div>
\ No newline at end of file
+<div class="w-full h-px bg-neutral-200 dark:bg-neutral-700 my-4"></div>
\ No newline at end of file