Skip to content

[FEATURE]: Visual distinction for user messages vs assistant messages in conversation thread #16005

Closed

Description

@GaryReckard

Feature hasn't been suggested before.

  • I have verified this feature I'm about to request hasn't been suggested before.

Describe the enhancement you want to request

Problem

When scrolling back through a long conversation in the desktop app, it's difficult to quickly identify the back-and-forth between user and assistant messages. Everything visually blends together, making it hard to find where I said something vs where the agent responded.

Suggestion

Add more visual differentiation for user messages (and also question/answer prompts) in the conversation thread. Some options:

  • Contrasting background color between user and assistant message blocks
  • Colored border on one side of user messages
  • Bolder label/avatar treatment for the user vs assistant

Any combination of these would dramatically improve scannability when scrolling through long sessions.

Implementation ideas

The theme system already has tokens like border, borderActive, backgroundPanel, and backgroundElement. New theme tokens could be added for user vs assistant message styling, e.g.:

"messageUserBg": "#3B4252",
"messageUserBorder": "#88C0D0",
"messageAssistantBg": "none",
"messageAssistantBorder": "#4C566A",

This would keep it consistent with the existing theme architecture and allow custom themes to control the look.

Context

This is a standard UX pattern in every major chat interface (iMessage, Slack, Discord, ChatGPT, Claude). Even a subtle background or alignment difference makes a huge difference when scanning a long conversation to find the back-and-forth.

Activity

  1. added
    discussionUsed for feature requests, proposals, ideas, etc. Open discussion
    on Mar 4, 2026
  2. alexyaroshuk commented on Mar 5, 2026

    @alexyaroshuk
    Contributor

    I'm not sure what you mean, the user messages are currently clearly styled differently from the assistant's (border, background):

    Image
  3. GaryReckard commented on Mar 5, 2026

    @GaryReckard
    Author

    Hi @alexyaroshuk
    I would disagree that those messages are sufficiently visibly distinct. Dark grey on even darker grey is not easy to spot when scrolling through a long thread of messages. in your example, you have very short messages, so the left/right alignment does help in identifying which is a user message. However, more often than not, in my usage, both user messages and ai responses end up being larger walls of text that span left-to-right.

    What I'm hoping for here is some way to make the user messages very clearly distinct, easily spottable when quickly scrolling back through a long conversation. I think this would also be useful for question/answers, as that is another human-response that I'm usually looking for when scrolling back.

    Can this be achieved with a theme? Is there a way to style the user messages distinct from other messages?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

discussionUsed for feature requests, proposals, ideas, etc. Open discussionwebRelates to opencode on web / desktop

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions