[FEATURE] Visual distinction for user messages in VS Code panel (colored background)

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

When working on complex tasks in the VS Code extension, Claude Code generates a large
amount of output — tool calls, file reads, diffs, logs — which makes it very difficult
to visually locate my own messages in the conversation.

By the time Claude finishes a task, I've often forgotten what I originally asked, and
scrolling back through the wall of text to find my prompt is tedious because user
messages and Claude's output blend together visually.

The core problem: there is no visual distinction between user messages and Claude's
responses in the VS Code panel, making it hard to scan and navigate long conversations.

Proposed Solution

Add a distinct background color (or configurable accent) to user messages in the VS Code
chat panel, so they stand out from Claude's responses and tool outputs.

This could be:

• A subtle colored background (e.g., slightly tinted) on user message bubbles
• A colored left border on user messages
• A theme-aware setting (e.g., claudeCode.userMessageBackground) that respects

light/dark themes

Even a small visual difference would make it dramatically easier to scan long
conversations and find what you originally asked.

Alternative Solutions

_No response_

Priority

Medium - Would be very helpful

Feature Category

CLI commands and flags

Use Case Example

_No response_

Additional Context

• Ctrl+O (verbose toggle) helps reduce noise but doesn't solve the core navigation issue
• /compact helps but resets context — it's a workaround, not a fix
• This is especially painful on long multi-step tasks where Claude produces

hundreds of lines of output between each user message

• Similar chat interfaces (ChatGPT, Copilot Chat) already differentiate user

vs assistant messages visually