Fix/dark mode provider logos - #6299
Conversation
|
@Aman-goel-04 is attempting to deploy a commit to the agenta projects Team on Vercel. A member of the Team first needs to authorize it. |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository YAML (base), Organization UI (inherited) Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
🚧 Files skipped from review as they are similar to previous changes (1)
Included review availability: Your plan provides up to 8 included reviews per hour; 6 remain after this review. 📝 WalkthroughSummary by CodeRabbit
WalkthroughNine LLM provider icons now use ChangesLLM icon color updates
Estimated code review effort: 1 (Trivial) | ~5 minutes Merge Risk: ⚪ Minimal · up to This change updates provider logo colors for correct light- and dark-mode contrast without changing application logic, and no actionable merge-blocking risk remains beyond normal checks and review. 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
Full details: Docstring CoverageExplanation No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 9 files. ✨ Finishing Touches 💡 1🛠️ Fix failing CI checks 💡
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Actionable comments posted: 1
ℹ️ Review info
⚙️ Run configuration
Configuration used: Repository YAML (base), Organization UI (inherited)
Review profile: CHILL
Plan: Pro Plus
Run ID: ef5030f8-d205-4ca4-8d81-c0db9a95e82a
📒 Files selected for processing (9)
web/packages/agenta-ui/src/LLMIcons/assets/AlephAlpha.tsxweb/packages/agenta-ui/src/LLMIcons/assets/Anthropic.tsxweb/packages/agenta-ui/src/LLMIcons/assets/Groq.tsxweb/packages/agenta-ui/src/LLMIcons/assets/OpenAi.tsxweb/packages/agenta-ui/src/LLMIcons/assets/OpenRouter.tsxweb/packages/agenta-ui/src/LLMIcons/assets/Perplexity.tsxweb/packages/agenta-ui/src/LLMIcons/assets/Replicate.tsxweb/packages/agenta-ui/src/LLMIcons/assets/Together.tsxweb/packages/agenta-ui/src/LLMIcons/assets/XAI.tsx
Included review availability: Your plan provides up to 8 included reviews per hour; 7 remain after this review.
Summary
Fixes provider/LLM icon colors (AlephAlpha, Anthropic, Groq, OpenAI, OpenRouter, Perplexity, Replicate, Together, XAI) so they render correctly in dark mode. Previously these icons used hardcoded fill/stroke colors that were tuned for light mode only, making them low-contrast or visually broken against a dark background.
The fix updates the SVG color values in each icon component to respect the current theme rather than assuming a light background.
Closes #6275
Testing
Verified locally
Ran the app locally via
pnpm dev-osswith the full Docker Compose backend stack up, opened the "Add a provider" panel, and visually confirmed all 9 updated provider logos render with correct contrast in both light and dark mode (see screenshots below).Added or updated tests
N/A — this is a visual/styling fix to static icon components with no logic changes, so no new automated coverage was needed.
QA follow-up
N/A — verified directly in the real "Add a provider" screen in both light and dark mode.
Demo
Before (SS from the issue #6275's description):

After:

Light mode:
Dark mode:

Checklist