Skip to content

Fix/dark mode sponsor logo - #807

Open
AnkitTsj wants to merge 2 commits into
dair-ai:mainfrom
AnkitTsj:fix/dark-mode-sponsor-logo
Open

Fix/dark mode sponsor logo#807
AnkitTsj wants to merge 2 commits into
dair-ai:mainfrom
AnkitTsj:fix/dark-mode-sponsor-logo

Conversation

@AnkitTsj

@AnkitTsj AnkitTsj commented Sep 5, 2026

Copy link
Copy Markdown

Problem
The "Sponsored by" SerpAPI logo (an image sourced from an external CDN) wasn't visible in dark mode - due to the png image having a transparent/light background that blended into the dark theme, making the sponsor name effectively invisible to dark-mode users.

Fix
Replaced the -based logo with a styled text link instead:

jsx
<a href="https://serpapi.com/" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', fontSize: '1.5rem', fontWeight: '700' }}>
SerpAPI

This removes the dependency on the external image asset entirely and uses the theme's existing text color that matches with the brand text format, so it's guaranteed to be visible and legible in both light and dark modes without needing a separate dark-mode-specific asset.

Before / After

Before: logo invisible in dark mode (blends into background) -

image

After: "SerpAPI" renders as bold, clearly visible text in dark mode -

image

Notes for reviewers

This is a UI/component-level fix (in the site's theme/layout config), not a content change like most PRs in this repo - happy to adjust styling (font size/weight) if you'd prefer something closer to the original branding.
Also tested in light mode to confirm no regression there.

@vercel

vercel Bot commented Sep 5, 2026

Copy link
Copy Markdown

@AnkitTsj is attempting to deploy a commit to the DAIR-AI Team on Vercel.

A member of the Team first needs to authorize it.

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.

1 participant