| author |  Julius Marminge <julius0216@outlook.com> 2026-07-24 12:02:36+02:00 |
| committer |  GitHub <noreply@github.com> 2026-07-24 10:02:36+00:00 |
| log | 15e875a2d9bdda2fc08909c4b1582a363d288403 |
| tree | d9e8b6430f3a3daf141b13f5e07657ca9bcd7e5a |
| parent | 5d173547ff50a97eb9bdb50609fb76cd641c5aa0 |
| signature | Signed by PGP key B5690EEEBB952194 |
Increase light-mode contrast for user message bubbles (#4441)
2 files changed, 2 insertions(+), 1 deletions(-)
apps
web
src
components
apps/web/src/components/chat/MessagesTimeline.test.tsx+1
| ... | @@ -434,6 +434,7 @@ describe("MessagesTimeline", () => { | ... | @@ -434,6 +434,7 @@ describe("MessagesTimeline", () => { |
| 434 | 434 | ||
| 435 | expect(markup).not.toContain("Show full message"); | 435 | expect(markup).not.toContain("Show full message"); |
| 436 | expect(markup).toContain('data-user-message-collapsible="false"'); | 436 | expect(markup).toContain('data-user-message-collapsible="false"'); |
| 437 | expect(markup).toContain("rounded-2xl bg-accent p-3"); | ||
| 437 | }); | 438 | }); |
| 438 | 439 | ||
| 439 | it("renders inline terminal labels with the composer chip UI", () => { | 440 | it("renders inline terminal labels with the composer chip UI", () => { |
apps/web/src/components/chat/MessagesTimeline.tsx+1-1
| ... | @@ -890,7 +890,7 @@ function UserTimelineRow({ row }: { row: Extract<TimelineRow, { kind: "message" | ... | @@ -890,7 +890,7 @@ function UserTimelineRow({ row }: { row: Extract<TimelineRow, { kind: "message" |
| 890 | 890 | ||
| 891 | return ( | 891 | return ( |
| 892 | <div className="group flex flex-col items-end gap-1"> | 892 | <div className="group flex flex-col items-end gap-1"> |
| 893 | <div className="relative max-w-[80%] rounded-2xl bg-secondary p-3"> | 893 | <div className="relative max-w-[80%] rounded-2xl bg-accent p-3"> |
| 894 | {regularImages.length > 0 && ( | 894 | {regularImages.length > 0 && ( |
| 895 | <div className="mb-2 grid max-w-[420px] grid-cols-2 gap-2"> | 895 | <div className="mb-2 grid max-w-[420px] grid-cols-2 gap-2"> |
| 896 | {regularImages.map((image: NonNullable<TimelineMessage["attachments"]>[number]) => ( | 896 | {regularImages.map((image: NonNullable<TimelineMessage["attachments"]>[number]) => ( |