Fix backgrounds: body uses inline var(--b2), cards use var(--b1) with var(--b3) borders

This commit is contained in:
2026-07-03 12:08:35 +02:00
parent e18296d88a
commit 96c2a579ba
2 changed files with 2 additions and 3 deletions
@@ -12,8 +12,7 @@
{#for entry in entries} {#for entry in entries}
<a href="https://musicbrainz.org/release-group/{entry.mbid}" <a href="https://musicbrainz.org/release-group/{entry.mbid}"
target="_blank" rel="noopener noreferrer" target="_blank" rel="noopener noreferrer"
class="shadow-sm rounded-box border border-base-300 overflow-hidden" class="shadow-sm" style="display:flex;text-decoration:none;transition:box-shadow 0.15s;background:var(--b1);border:1px solid var(--b3);border-radius:0.5rem;overflow:hidden"
style="display:flex;text-decoration:none;transition:box-shadow 0.15s;background:var(--b1)"
onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'" onmouseover="this.style.boxShadow='0 3px 12px rgba(0,0,0,0.12)'"
onmouseout="this.style.boxShadow=''"> onmouseout="this.style.boxShadow=''">
<div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)"> <div style="width:250px;height:250px;flex-shrink:0;overflow:hidden;background:var(--b2)">
@@ -28,7 +28,7 @@
} }
</script> </script>
</head> </head>
<body class="min-h-screen bg-base-200"> <body style="min-height:100vh;background:var(--b2)">
<div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:var(--b1);box-shadow:0 1px 3px rgba(0,0,0,0.1)"> <div style="display:flex;align-items:center;gap:1rem;padding:0.5rem 1rem;background:var(--b1);box-shadow:0 1px 3px rgba(0,0,0,0.1)">
<div style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0"> <div style="display:flex;align-items:center;gap:0.25rem;flex-shrink:0">
<div class="tabs tabs-box"> <div class="tabs tabs-box">