From ef7a45361996b7a49226a0b088e2599f2801d017 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Mon, 23 Mar 2026 02:42:44 +0000 Subject: fix: restore background image using CSS custom property on body Replace z-index:-1 overlay div (hidden behind body background) with a CSS custom property --bg-url set inline on body, consumed by .bg-body as a layered background-image with a dark gradient overlay. Co-Authored-By: Claude Sonnet 4.6 --- web/static/css/input.css | 5 +++-- web/templates/index.html | 4 ++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/web/static/css/input.css b/web/static/css/input.css index 7dd2055..19802f5 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -11,8 +11,9 @@ font-family: 'Inter', system-ui, sans-serif; } - .bg-overlay { - @apply fixed inset-0 z-[-1] opacity-40 bg-cover bg-center bg-no-repeat; + .bg-body { + background-image: linear-gradient(rgba(2,6,23,0.6), rgba(2,6,23,0.6)), var(--bg-url); + @apply bg-cover bg-center bg-fixed bg-slate-950; } /* Headings */ diff --git a/web/templates/index.html b/web/templates/index.html index 5cfa77f..aabe7ff 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -25,8 +25,8 @@ .bg-modal-overlay { background-color: var(--modal-overlay); } - -

+ +

-- cgit v1.2.3