Skip to content

Conversation

@karma4O4
Copy link

@karma4O4 karma4O4 commented Dec 4, 2025

Summary
Fixed the icon color reversal issue in the "Continue in..." prompt by removing theming from the forward icon.

Changes Made
Modified File
chatContinueInAction.ts

Line 184: Changed from ThemeIcon.asClassName(Codicon.forward) to 'codicon codicon-forward'

protected override renderLabel(element: HTMLElement): IDisposable | null {
if (this.location === ActionLocation.Editor) {
const view = h('span.action-widget-delegate-label', [

  •        h('span', { className: ThemeIcon.asClassName(Codicon.forward) }),
    
  •        h('span', { className: 'codicon codicon-forward' }),
           h('span', [localize('continueInEllipsis', "Continue in...")])
       ]);
       element.appendChild(view.root);
       return null;
    

Explanation
The issue was that ThemeIcon.asClassName(Codicon.forward) applies theming to the icon, which was causing the icon color to be reversed/inverted. By using the raw CSS class names 'codicon codicon-forward' directly, the icon now displays with its default color without any theming applied.

This is a minimal, surgical fix that only changes what's necessary to resolve the issue, as requested in the GitHub issue which stated "We should probably not theme the icon".

Testing
To verify this fix:

Build VS Code
Open a prompt markdown file (.prompt.md)
Look for the "Continue in..." action in the editor
Verify the forward icon (→) displays with the correct color in both light and dark themes
Confirm the icon is no longer reversed or inverted
Related Files
Issue: #281166
Modified:
chatContinueInAction.ts:184

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants