From 5eb4cd340c86391d4069ad9b2078cdaab9ad5dee Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Fri, 3 Jul 2026 12:59:35 +0200
Subject: [PATCH] Replace all CSS variables with explicit hex colors for
 guaranteed distinction

---
 .../resources/templates/fragments/artist-list.html     |  6 +++---
 .../resources/templates/fragments/feed-entries.html    | 10 +++++-----
 .../resources/templates/fragments/search-results.html  |  6 +++---
 src/main/resources/templates/layouts/base.html         |  4 ++--
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/main/resources/templates/fragments/artist-list.html b/src/main/resources/templates/fragments/artist-list.html
index 71e84ca..bfcb7da 100644
--- a/src/main/resources/templates/fragments/artist-list.html
+++ b/src/main/resources/templates/fragments/artist-list.html
@@ -1,6 +1,6 @@
 <div id="artist-list" hx-swap-oob="true">
 {#if artists.isEmpty()}
-<div style="background:color-mix(in srgb,var(--b1),white 8%);border:1px solid var(--b3);border-radius:0.5rem;padding:2.5rem;text-align:center">
+<div style="background:#242830;border:1px solid #111316;border-radius:0.5rem;padding:2.5rem;text-align:center">
   <svg class="icon-lg" style="margin:0 auto 0.75rem;color:var(--bc);opacity:0.15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
     <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
   </svg>
@@ -11,7 +11,7 @@
 <div class="overflow-x-auto rounded-box border border-base-300">
   <table class="table table-pin-rows">
     <thead>
-      <tr style="background:color-mix(in srgb, var(--b2) 80%, transparent)">
+      <tr style="background:#1a1d23">
         <th>Artist</th>
         <th>Since</th>
         <th>Release Types</th>
@@ -20,7 +20,7 @@
     </thead>
     <tbody>
       {#for artist in artists}
-      <tr style="transition:background 0.15s" onmouseover="this.style.background='color-mix(in srgb, var(--b2) 50%, transparent)'" onmouseout="this.style.background=''">
+      <tr style="transition:background 0.15s" onmouseover="this.style.background='#242830'" onmouseout="this.style.background=''">
         <td>
           <div style="font-weight:500">{artist.name}</div>
           {#if artist.disambiguation}
diff --git a/src/main/resources/templates/fragments/feed-entries.html b/src/main/resources/templates/fragments/feed-entries.html
index 01dc908..a0ecab9 100644
--- a/src/main/resources/templates/fragments/feed-entries.html
+++ b/src/main/resources/templates/fragments/feed-entries.html
@@ -1,5 +1,5 @@
 {#if entries.isEmpty()}
-<div style="background:color-mix(in srgb,var(--b1),white 8%);border:1px solid var(--b3);border-radius:0.5rem;padding:3rem;text-align:center">
+<div style="background:#242830;border:1px solid #111316;border-radius:0.5rem;padding:3rem;text-align:center">
   <p style="font-size:1.125rem;color:var(--bc);opacity:0.6">No releases found</p>
   <p style="font-size:0.875rem;color:var(--bc);opacity:0.4;margin-top:0.5rem">Add artists to your collection to see their releases here</p>
 </div>
@@ -7,10 +7,10 @@
 <div style="display:flex;flex-direction:column;gap:1.5rem">
   {#for entry in entries}
   <a href="https://musicbrainz.org/release-group/{entry.mbid}" target="_blank" rel="noopener noreferrer"
-     style="display:flex;text-decoration:none;background:color-mix(in srgb,var(--b1),white 8%);border:1px solid var(--b3);border-radius:0.5rem;overflow:hidden;transition:background 0.15s"
-     onmouseover="this.style.background='color-mix(in srgb,var(--b1),black 20%)'"
-     onmouseout="this.style.background='color-mix(in srgb,var(--b1),white 8%)'">
-    <div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b3)">
+     style="display:flex;text-decoration:none;background:#242830;border:1px solid #111316;border-radius:0.5rem;overflow:hidden;transition:background 0.15s"
+     onmouseover="this.style.background='#0d0f12'"
+     onmouseout="this.style.background='#242830'">
+    <div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:#0d0f12">
       <img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
            alt="{entry.title}" style="width:100%;height:100%;object-fit:cover;display:block"
            loading="lazy"
diff --git a/src/main/resources/templates/fragments/search-results.html b/src/main/resources/templates/fragments/search-results.html
index 6ec4291..93f7c32 100644
--- a/src/main/resources/templates/fragments/search-results.html
+++ b/src/main/resources/templates/fragments/search-results.html
@@ -1,10 +1,10 @@
-<div style="background:color-mix(in srgb,var(--b1),black 20%);border:1px solid var(--b3);border-radius:0.5rem;box-shadow:0 8px 24px rgba(0,0,0,0.3);margin-top:0.25rem;max-height:24rem;overflow-y:auto">
+<div style="background:#0d0f12;border:1px solid #111316;border-radius:0.5rem;box-shadow:0 8px 24px rgba(0,0,0,0.3);margin-top:0.25rem;max-height:24rem;overflow-y:auto">
   {#if artists.isEmpty()}
     <div style="padding:1rem;text-align:center;font-size:0.875rem;color:var(--bc);opacity:0.5">No artists found</div>
   {#else}
     {#for artist in artists}
-    <div style="display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid var(--b3);transition:background 0.1s"
-         onmouseover="this.style.background='var(--b3)'" onmouseout="this.style.background=''">
+    <div style="display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-bottom:1px solid #111316;transition:background 0.1s"
+         onmouseover="this.style.background='#0d0f12'" onmouseout="this.style.background=''">
       <div style="flex:1;min-width:0;margin-right:0.5rem">
         <div style="display:flex;align-items:center;gap:0.5rem">
           <span style="font-weight:600;font-size:0.9rem">{artist.name}</span>
diff --git a/src/main/resources/templates/layouts/base.html b/src/main/resources/templates/layouts/base.html
index e656c5d..1b4b75d 100644
--- a/src/main/resources/templates/layouts/base.html
+++ b/src/main/resources/templates/layouts/base.html
@@ -26,8 +26,8 @@
     }
   </script>
 </head>
-<body style="min-height:100vh;background:var(--b1)">
-  <div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:color-mix(in srgb,var(--b1),black 20%);box-shadow:0 1px 3px rgba(0,0,0,0.3)">
+<body style="min-height:100vh;background:#1a1d23">
+  <div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:#0d0f12;box-shadow:0 1px 3px rgba(0,0,0,0.3)">
     <div style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0">
       <div class="tabs tabs-box">
         <a href="/" class="tab tab-sm {#if activeTab == 'releases'}tab-active{/if}">Releases</a>