pi-web/.changeset/dark-theme-message-distinction.md at 393050545075c78ef3fe3c602b12bef350ca8d7a

Archived

This repository has been archived on 2026-08-23. You can view files and clone it. You cannot open issues or pull requests or push a commit.

Files

T

Federico Jaramillo Martinez cfb7493384 Improve dark theme user/assistant message distinction

Add per-role left accent stripes and color-coded header labels across
all themes. Lighten the dark theme user-message background, decouple it
from the generic hover color, and brighten the user border so user and
assistant turns are clearly distinguishable.

2026-06-13 21:26:08 +02:00

568 B

Raw Blame History

@jmfederico/pi-web

@jmfederico/pi-web
patch

Improve user/assistant message distinction in the dark theme. Previously the user and assistant message backgrounds were nearly identical (contrast ratio ~1.06), making it hard to tell speakers apart. Each message now has a colored left accent stripe by role (brand accent for user, neutral for assistant) with matching header labels, applied across all themes. The dark theme's user-message background was also lightened and decoupled from the generic hover color, and the user border brightened, so user turns stand out clearly.

568 B Raw Blame History

568 B

Raw Blame History