chat: add muted
Kim committed
Oct 22, 2025 at 12:36 UTC
3176debaecf5261599fbee6ed66916433db6ef02
1 file changed
+4
-2
cmd/example_chat/view.go
+4
-2
@@ -211,6 +211,8 @@ var indexTmpl = template.Must(template.New("chat").Parse(`<!DOCTYPE html>
211
.line { white-space: pre-wrap; word-break: break-word }
212
.ts { color:var(--muted) }
213
.usr { color:#60a5fa }
214
+ .event { color: var(--muted) }
215
+ .event .usr { color: var(--muted) }
216
.promptline { display:flex; align-items:center; gap:8px; padding:12px 14px; border-top:1px solid var(--border); font-family: 'D2Coding', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
217
#prompt { color:var(--accent) }
218
#cmd { flex:1; background:transparent; border:none; outline:none; color:var(--fg); font-family: inherit; font-size:14px; caret-color: var(--cursor) }
@@ -312,8 +314,8 @@ var indexTmpl = template.Must(template.New("chat").Parse(`<!DOCTYPE html>
314
const color = colorFor(nick);
315
if (msg.event === 'joined' || msg.event === 'left') {
316
const verb = msg.event === 'joined' ? 'joined' : 'left';
315
- div.innerHTML = '<span class="ts">[' + ts + ']</span> <span class="usr" style="color:' + color + '">' + nick + '</span> ' + verb;
316
- div.style.opacity = '0.8';
317
+ div.className = 'line event';
318
+ div.innerHTML = '<span class="ts">[' + ts + ']</span> ' + escapeHTML(nick) + ' ' + verb;
319
} else {
320
div.innerHTML = '<span class="ts">[' + ts + ']</span> <span class="usr" style="color:' + color + '">' +
321
nick + '</span>: ' + escapeHTML(msg.text || '');