feat: Improve ai logos dark mode

[rafaeelaudibert]

Problem

Icons for OpenAI, Anthropic, Vercel AI SDK, and LangChain were not visible or hard to see in dark mode during the onboarding flow. This was because they were imported as static SVG images with dark fill colors, preventing them from adapting to dark mode themes.

Changes

• Converted the OpenAI, Anthropic, Vercel AI SDK, and LangChain logos from imported SVG images to inline SVGs within frontend/src/scenes/onboarding/sdks/allSDKs.tsx.
• Added the dark:fill-white CSS class to the SVG paths to ensure they render correctly (as white) in dark mode, aligning with existing dark mode icon patterns in the codebase.

How did you test this code?

• Manually verified the appearance of these icons in the onboarding flow in both light and dark modes.
• Ran yarn tsx, yarn lint, and yarn prettier.

Changelog: (features only) Is this feature complete?

No.

---

Slack Thread

 

[cursor[bot]]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch. _{Learn more about Cursor Agents}

[github-actions[bot]]

Size Change: 0 B

Total Size: 3.66 MB

ℹ️ View Unchanged

Filename	Size
frontend/dist/toolbar.js	3.66 MB

_{compressed-size-action}

[posthog-bot]

Visual regression: Storybook UI snapshots updated

Changes: 4 snapshots (0 modified, 4 added, 0 deleted)

What this means:

• Snapshots have been automatically updated to match current rendering
• Next CI run will switch to CHECK mode to verify stability
• If snapshots change again, CHECK mode will fail (indicates flapping)

Next steps:

• Review the changes to ensure they're intentional
• Approve if changes match your expectations
• If unexpected, investigate component rendering

Review snapshot changes →