[Stitch Remote SWE]: Add support for custom accent color theming #9008
Conversation
Enable users to set an accent color in the extension settings for improved theming customization. This change applies the accent color throughout the UI using CSS variables.
inderdeep-singh-zomato
requested review from
cte,
jr and
mrubens
as code owners
dosubot
bot
added
the
size:M
|
Review completed. Found 1 issue that needs to be addressed:
Mention @roomote in a comment to trigger your PR Fixer agent and make changes to this pull request. |
![roomote[bot]](https://avatars.githubusercontent.com/in/1546624?s=60&v=4){kind=small}
| {activeTab === "ui" && ( | ||
| <UISettings | ||
| reasoningBlockCollapsed={reasoningBlockCollapsed ?? true} | ||
| accentColor={extensionState.accentColor} |
There was a problem hiding this comment.
Accent color setting is not persisted correctly. Using extensionState.accentColor here bypasses the cached state system used by SettingsView, which means changes won't be included in the Save button's dirty state tracking and won't be persisted when clicking Save.
This should use accentColor from cachedState (destructured around line 201), and the handleSubmit function needs to send it via vscode.postMessage({ type: 'setAccentColor', text: accentColor }) to persist changes on Save.
Fix it with Roo Code or mention @roomote and request a fix.
hannesrudolph
added
the
Issue/PR - Triage
|
Thanks for the contribution! Unfortunately this feature is not currently planned, as it falls outside the current scope of our roadmap. We’ll reconsider if there’s broader demand or a related use case in future iterations. |
3 participants
This PR was automatically generated by Stitch Remote SWE.
🎯 Task Details
Author: [email protected]
Important
Add support for custom accent color theming by updating global settings, message handling, and UI components.
accentColortoglobalSettingsSchemainglobal-settings.tsfor theming customization.setAccentColormessage inwebviewMessageHandler.tsto update global state and UI.App.tsxto applyaccentColorto CSS properties.UISettings.tsxwith validation and telemetry tracking.SettingsView.tsxto includeaccentColorin UI settings.accentColorstate and setter inExtensionStateContext.tsxto manage accent color changes.This description was created by
for 547b545. You can customize this summary. It will automatically update as commits are pushed.