From ef926798fe74a6e090c91aafcf4cc26e334ebac2 Mon Sep 17 00:00:00 2001
From: pablorevilla-meshtastic <pablorevilla@gmail.com>
Date: Sun, 25 Oct 2026 22:25:15 -0700
Subject: [PATCH] chat colors changes

---
 meshview/templates/chat.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/meshview/templates/chat.html b/meshview/templates/chat.html
index c51dd2d..830bf8c 100644
--- a/meshview/templates/chat.html
+++ b/meshview/templates/chat.html
@@ -24,8 +24,9 @@ body:has(#chat-container) .mesh-announcement { flex-shrink:0; }
 .chat-messages { flex:1; min-height:0; overflow-y:auto; overflow-anchor:none; padding:12px 0; font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; font-size:13px; line-height:1.6; scrollbar-gutter:stable; }
 .chat-date-sep { display:flex; align-items:center; gap:14px; margin:12px 24px; color:#64748b; font:600 10px system-ui,sans-serif; letter-spacing:.7px; text-transform:uppercase; }
 .chat-date-sep::before,.chat-date-sep::after { content:""; flex:1; height:1px; background:var(--mesh-border); }
-.chat-line { display:grid; grid-template-columns:64px 165px minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:5px 24px; }
-.chat-line:hover { background:var(--mesh-stripe); }
+.chat-line { display:grid; grid-template-columns:64px 165px minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:5px 24px; --chat-row-bg:#ffffff; background:var(--chat-row-bg); border-bottom:1px solid #e2ece5; }
+.chat-line:nth-of-type(even) { --chat-row-bg:#eef6f0; }
+.chat-line:hover,.chat-line:focus-within { background:var(--mesh-hover); }
 .chat-time { color:#8190a5; font-size:11px; text-align:right; white-space:nowrap; }
 .chat-nick { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:12px; text-decoration:none; text-align:right; }
 .chat-nick:hover { text-decoration:underline; }
@@ -40,7 +41,7 @@ body:has(#chat-container) .mesh-announcement { flex-shrink:0; }
 .chat-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 24px; border-top:1px solid var(--mesh-border); color:#64748b; background:white; font-size:11px; flex-shrink:0; }
 .chat-bottom p { margin:0; }
 .chat-line.flash { animation:chat-flash 2s ease-out; }
-@keyframes chat-flash { from { background:var(--mesh-hover); } to { background:transparent; } }
+@keyframes chat-flash { from { background:var(--mesh-hover); } to { background:var(--chat-row-bg); } }
 @media(prefers-reduced-motion:reduce) { .chat-line.flash { animation:none; } }
 @media(max-width:700px) {
     .chat-toolbar { padding:10px 14px; gap:8px; }