[VS Code extension] distinguish user vs assistant messages (color/alignment) in VS Code extension

Preflight Checklist

• [x] I have searched existing requests and this feature hasn't been requested yet
• [x] This is a single feature request (not multiple features)

Problem Statement

Problem
In the Claude Code VS Code extension, my messages and Claude's responses
look too similar. I can't easily tell which part is mine and which part
is the response.

What I want
A way to visually separate the two, for example:

• User messages aligned right, assistant messages aligned left

(like WhatsApp / iMessage style chat bubbles)

• OR a different background color for each side
• OR any setting to customize this

Current behavior
No setting exists for this today. Checked:

• Extension settings (14 options) — none control message layout/color
• VS Code theme settings — only change the whole editor theme, not

per-message styling

Environment

• Claude Code: VS Code native extension
• OS: Windows 11
• Editor: VS Code

Why this matters
Readability. When a conversation gets long, it's hard to scan the
history and quickly see who said what.

Proposed Solution

What I want
A way to visually separate the two, for example:

• User messages aligned right, assistant messages aligned left

(like WhatsApp / iMessage style chat bubbles)

• OR a different background color for each side
• OR any setting to customize this

Alternative Solutions

_No response_

Priority

Medium - Would be very helpful

Feature Category

Configuration and settings

Use Case Example

_No response_

Additional Context

_No response_