From d5d8763b3a31dec736a40a52f306a84f79fca142 Mon Sep 17 00:00:00 2001
From: Sarto <sartoopjj@gmail.com>
Date: Tue, 14 Apr 2026 03:22:19 +0330
Subject: [PATCH] fix: update background image handling in chat area for
 improved visibility

---
 internal/web/static/index.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/internal/web/static/index.html b/internal/web/static/index.html
index 7e1e0c2..afe1382 100644
--- a/internal/web/static/index.html
+++ b/internal/web/static/index.html
@@ -98,7 +98,7 @@
       flex: 1;
       display: flex;
       flex-direction: column;
-      background: var(--bg);
+      background-color: var(--bg);
       overflow: hidden;
       position: relative
     }
@@ -3621,11 +3621,12 @@
 
     // ===== BACKGROUND IMAGE =====
     function _setBg(data) {
-      var m = document.getElementById('messages');
-      m.style.backgroundImage = data ? 'url("' + data + '")' : '';
-      m.style.backgroundSize = data ? 'cover' : '';
-      m.style.backgroundPosition = data ? 'center' : '';
-      m.style.backgroundRepeat = data ? 'no-repeat' : '';
+      var ca = document.querySelector('.chat-area');
+      ca.style.backgroundImage = data ? 'url("' + data + '")' : '';
+      ca.style.backgroundSize = data ? 'cover' : '';
+      ca.style.backgroundPosition = data ? 'center' : '';
+      ca.style.backgroundRepeat = data ? 'no-repeat' : '';
+      document.getElementById('messages').style.background = data ? 'transparent' : '';
     }
     function loadBgImage() {
       var data = localStorage.getItem('thefeed_bg_image') || '';