feat: recolor ui

This commit is contained in:
Mat12143 2025-08-02 10:50:35 +02:00
parent 795a5a3a19
commit 3ee764ad03
3 changed files with 18 additions and 15 deletions

View file

@ -13,7 +13,9 @@
}
</script>
<div class={`flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500 ${disabled ? "disabled" : ""}`}>
<div
class={`flex h-full w-full flex-row items-center gap-2 rounded-md border-dark-pine-muted bg-light-pine-overlay hover:bg-dark-pine-base/20 dark:bg-dark-pine-overlay hover:dark:bg-light-pine-base/20 ${disabled ? "disabled" : ""}`}
>
<input
type="text"
placeholder="Song & Artist"
@ -32,9 +34,8 @@
</span>
{/if}
<button
class="i-lucide-check h-[40px] w-1/4 cursor-pointer rounded border-2 border-lime-700 bg-lime-600 font-semibold text-white shadow-xl duration-100 hover:scale-105 active:scale-90"
onclick={sendSong}>Add</button
<button class="i-lucide-check h-[40px] w-1/4 cursor-pointer rounded border border-0 font-semibold shadow-xl duration-100 hover:scale-105 active:scale-90 dark:bg-dark-pine-blue" onclick={sendSong}
>Add</button
>
<span class="i-lucide-chevrons-left"></span>
</div>