From 1bd5b54bb536f6aeffb7053d9c5dcbf61d7ad384 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 24 Mar 2026 11:05:17 +0000
Subject: [PATCH] Make hover effect stand out more

---
 lib/music_library_web/components/add_record.ex            | 2 +-
 lib/music_library_web/components/chat.ex                  | 2 +-
 lib/music_library_web/components/record_components.ex     | 2 +-
 lib/music_library_web/components/search_components.ex     | 8 ++++----
 lib/music_library_web/live/record_set_live/index.ex       | 2 +-
 .../live/record_set_live/record_picker.ex                 | 2 +-
 lib/music_library_web/live/record_set_live/show.ex        | 2 +-
 lib/music_library_web/live/scrobble_live/index.ex         | 4 ++--
 lib/music_library_web/live/scrobbled_tracks_live/index.ex | 2 +-
 lib/music_library_web/live/stats_live/top_albums.ex       | 2 +-
 lib/music_library_web/live/stats_live/top_artists.ex      | 2 +-
 11 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/lib/music_library_web/components/add_record.ex b/lib/music_library_web/components/add_record.ex
index efa8141a..2442ea31 100644
--- a/lib/music_library_web/components/add_record.ex
+++ b/lib/music_library_web/components/add_record.ex
@@ -71,7 +71,7 @@ defmodule MusicLibraryWeb.Components.AddRecord do
 
   defp result(assigns) do
     ~H"""
-    <li id={@id} class="flex justify-between gap-x-6 py-5 hover:bg-zinc-50 dark:hover:bg-zinc-700">
+    <li id={@id} class="flex justify-between gap-x-6 py-5 hover:bg-zinc-100 dark:hover:bg-zinc-700">
       <div class="flex w-full shrink-0 items-center justify-between px-4">
         <img
           class="mr-4 w-20 flex-none rounded-lg"
diff --git a/lib/music_library_web/components/chat.ex b/lib/music_library_web/components/chat.ex
index 8b516d7f..47ed6186 100644
--- a/lib/music_library_web/components/chat.ex
+++ b/lib/music_library_web/components/chat.ex
@@ -156,7 +156,7 @@ defmodule MusicLibraryWeb.Components.Chat do
           phx-click="select_chat"
           phx-value-id={chat.id}
           phx-target={@myself}
-          class="w-full rounded-lg p-3 text-left transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800"
+          class="w-full rounded-lg p-3 text-left transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-800"
         >
           <p class="truncate text-sm font-medium text-zinc-900 dark:text-zinc-100">
             {chat.topic || gettext("Untitled")}
diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 9c37ba26..a3f25038 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -85,7 +85,7 @@ defmodule MusicLibraryWeb.RecordComponents do
       <li
         :for={{id, record} <- @records}
         phx-click={JS.navigate(@record_show_path.(record))}
-        class="-mx-2 flex cursor-pointer justify-between gap-x-6 px-2 py-5 hover:bg-zinc-50 md:-mx-4 md:px-4 dark:hover:bg-zinc-800"
+        class="-mx-2 flex cursor-pointer justify-between gap-x-6 px-2 py-5 hover:bg-zinc-100 md:-mx-4 md:px-4 dark:hover:bg-zinc-800"
         id={id}
       >
         <div class="flex min-w-0 items-center gap-x-4">
diff --git a/lib/music_library_web/components/search_components.ex b/lib/music_library_web/components/search_components.ex
index c73126f8..829608f7 100644
--- a/lib/music_library_web/components/search_components.ex
+++ b/lib/music_library_web/components/search_components.ex
@@ -27,7 +27,7 @@ defmodule MusicLibraryWeb.SearchComponents do
     <div
       class={[
         "cursor-pointer rounded-lg p-3 transition-colors",
-        "hover:bg-zinc-50 dark:hover:bg-zinc-700",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-700",
         "aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
       ]}
       role="option"
@@ -90,7 +90,7 @@ defmodule MusicLibraryWeb.SearchComponents do
     <div
       class={[
         "cursor-pointer rounded-lg p-3 transition-colors",
-        "hover:bg-zinc-50 dark:hover:bg-zinc-700",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-700",
         "aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
       ]}
       role="option"
@@ -133,7 +133,7 @@ defmodule MusicLibraryWeb.SearchComponents do
     <div
       class={[
         "cursor-pointer rounded-lg p-3 transition-colors",
-        "hover:bg-zinc-50 dark:hover:bg-zinc-700",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-700",
         "aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
       ]}
       role="option"
@@ -175,7 +175,7 @@ defmodule MusicLibraryWeb.SearchComponents do
     <div
       class={[
         "cursor-pointer rounded-lg p-3 transition-colors",
-        "hover:bg-zinc-50 dark:hover:bg-zinc-700",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-700",
         "aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
       ]}
       role="option"
diff --git a/lib/music_library_web/live/record_set_live/index.ex b/lib/music_library_web/live/record_set_live/index.ex
index de617dfc..7b45c30e 100644
--- a/lib/music_library_web/live/record_set_live/index.ex
+++ b/lib/music_library_web/live/record_set_live/index.ex
@@ -414,7 +414,7 @@ defmodule MusicLibraryWeb.RecordSetLive.Index do
             "border-2 border-dashed border-zinc-300 dark:border-zinc-600",
             "flex items-center justify-center rounded-lg",
             "hover:border-zinc-400 dark:hover:border-zinc-500",
-            "hover:bg-zinc-50 dark:hover:bg-zinc-800",
+            "hover:bg-zinc-100 dark:hover:bg-zinc-800",
             "cursor-pointer transition-colors"
           ]}
         >
diff --git a/lib/music_library_web/live/record_set_live/record_picker.ex b/lib/music_library_web/live/record_set_live/record_picker.ex
index 1462a328..988ee25e 100644
--- a/lib/music_library_web/live/record_set_live/record_picker.ex
+++ b/lib/music_library_web/live/record_set_live/record_picker.ex
@@ -77,7 +77,7 @@ defmodule MusicLibraryWeb.RecordSetLive.RecordPicker do
     <li
       role="option"
       class={[
-        "flex cursor-pointer items-center gap-3 rounded-lg px-2 py-3 hover:bg-zinc-50 dark:hover:bg-zinc-800",
+        "flex cursor-pointer items-center gap-3 rounded-lg px-2 py-3 hover:bg-zinc-100 dark:hover:bg-zinc-800",
         "aria-selected:bg-zinc-100 dark:aria-selected:bg-zinc-700"
       ]}
       phx-click="add_record"
diff --git a/lib/music_library_web/live/record_set_live/show.ex b/lib/music_library_web/live/record_set_live/show.ex
index a2442e08..0a293ff1 100644
--- a/lib/music_library_web/live/record_set_live/show.ex
+++ b/lib/music_library_web/live/record_set_live/show.ex
@@ -148,7 +148,7 @@ defmodule MusicLibraryWeb.RecordSetLive.Show do
                 "border-2 border-dashed border-zinc-300 dark:border-zinc-600",
                 "flex items-center justify-center rounded-lg",
                 "hover:border-zinc-400 dark:hover:border-zinc-500",
-                "hover:bg-zinc-50 dark:hover:bg-zinc-800",
+                "hover:bg-zinc-100 dark:hover:bg-zinc-800",
                 "cursor-pointer transition-colors"
               ]}
             >
diff --git a/lib/music_library_web/live/scrobble_live/index.ex b/lib/music_library_web/live/scrobble_live/index.ex
index 19b591ba..de3d494c 100644
--- a/lib/music_library_web/live/scrobble_live/index.ex
+++ b/lib/music_library_web/live/scrobble_live/index.ex
@@ -33,7 +33,7 @@ defmodule MusicLibraryWeb.ScrobbleLive.Index do
                 :for={release_group <- @search_results}
                 phx-click="select_release_group"
                 phx-value-release_group_id={release_group.id}
-                class="flex cursor-pointer justify-between gap-x-6 py-5 hover:bg-zinc-50 dark:hover:bg-zinc-700"
+                class="flex cursor-pointer justify-between gap-x-6 py-5 hover:bg-zinc-100 dark:hover:bg-zinc-700"
               >
                 <div class="flex w-full shrink-0 items-center justify-between px-4">
                   <img
@@ -81,7 +81,7 @@ defmodule MusicLibraryWeb.ScrobbleLive.Index do
               <li :for={release <- @releases}>
                 <.link
                   navigate={~p"/scrobble/#{release.id}"}
-                  class="flex items-center gap-x-4 px-4 py-5 transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-700"
+                  class="flex items-center gap-x-4 px-4 py-5 transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-700"
                 >
                   <img
                     class="w-20 flex-none rounded-lg"
diff --git a/lib/music_library_web/live/scrobbled_tracks_live/index.ex b/lib/music_library_web/live/scrobbled_tracks_live/index.ex
index 75553e1c..fb07c87d 100644
--- a/lib/music_library_web/live/scrobbled_tracks_live/index.ex
+++ b/lib/music_library_web/live/scrobbled_tracks_live/index.ex
@@ -108,7 +108,7 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.Index do
                }} <- @streams.tracks
             }
             id={id}
-            class="-mx-2 flex cursor-pointer justify-between gap-x-6 px-2 py-5 hover:bg-zinc-50 md:-mx-4 md:px-4 dark:hover:bg-zinc-800"
+            class="-mx-2 flex cursor-pointer justify-between gap-x-6 px-2 py-5 hover:bg-zinc-100 md:-mx-4 md:px-4 dark:hover:bg-zinc-800"
           >
             <div class="flex min-w-0 flex-1 items-center space-x-4">
               <div class="shrink-0">
diff --git a/lib/music_library_web/live/stats_live/top_albums.ex b/lib/music_library_web/live/stats_live/top_albums.ex
index 38df9efc..668e5484 100644
--- a/lib/music_library_web/live/stats_live/top_albums.ex
+++ b/lib/music_library_web/live/stats_live/top_albums.ex
@@ -26,7 +26,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
           class={[
             "flex items-center space-x-3 p-2",
             (album.collected_record_id || album.wishlisted_record_id) &&
-              "cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-700"
+              "cursor-pointer hover:bg-zinc-100 dark:hover:bg-zinc-700"
           ]}
         >
           <img
diff --git a/lib/music_library_web/live/stats_live/top_artists.ex b/lib/music_library_web/live/stats_live/top_artists.ex
index 04bafb94..6e8e969a 100644
--- a/lib/music_library_web/live/stats_live/top_artists.ex
+++ b/lib/music_library_web/live/stats_live/top_artists.ex
@@ -30,7 +30,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
           class={[
             "flex items-center space-x-3 p-2",
             artist.musicbrainz_id != "" &&
-              "cursor-pointer hover:bg-zinc-50 dark:hover:bg-zinc-700"
+              "cursor-pointer hover:bg-zinc-100 dark:hover:bg-zinc-700"
           ]}
         >
           <.artist_image