Fix plan/act hover color and act mode color #5470
Conversation
|
There was a problem hiding this comment.
Pull Request Overview
This PR fixes visual issues with the plan/act toggle component by updating color variables and restoring hover effects. The changes address theme compatibility problems where act mode wasn't displaying with acceptable colors and missing hover feedback for user interaction.
- Updated color constants to use more appropriate VS Code theme variables
- Added hover effect styling for inactive toggle options
- Removed hardcoded background color classes that were causing theme issues
Coverage ReportExtension CoverageBase branch: 47% PR branch: 48% ✅ Coverage increased or remained the same Webview CoverageBase branch: 17% PR branch: 17% ✅ Coverage increased or remained the same Overall Assessment✅ Test coverage has been maintained or improved Last updated: 2025-08-09T09:16:10.520250 |
After changes to the plan/act toggle I saw some themes not use an acceptable color for act mode:
I also found that the hover opacity effect was removed as well, which is important for the user to know that the toggle can be clicked or not (see plan mode bg color change):
Important
Fixes color issues in plan/act toggle by updating
ACT_MODE_COLORand adding hover effects inChatTextArea.tsx.ACT_MODE_COLORfromvar(--vscode-menu-selectionBackground)tovar(--vscode-focusBorder)inChatTextArea.tsx.SwitchOptionto change background color tovar(--vscode-toolbar-hoverBackground)when not active.classNamefor background color inSwitchOptionfor both plan and act modes.This description was created by
for 3d8eaa8. You can customize this summary. It will automatically update as commits are pushed.