[bug]: “Browse Templates” button is not visible on the Magic UI homepage when Dark Reader is enabled.

[ayan-011]

Describe the bug

When Dark Reader is enabled in the browser, the “Browse Templates” button on the Magic UI homepage becomes invisible. The button is present in the DOM but not visually visible, likely due to conflicting background and text colors applied by Dark Reader.

Affected component/components

Hero section / Homepage CTA buttons

How to reproduce

Open a desktop web browser (e.g., Firefox or Chrome).

Navigate to https://magicui.design/

On page load, stay on the hero section at the top of the page.

Look at the call-to-action buttons below the main heading.

Notice that the “Browse Templates” button is not clearly visible compared to the “Browse Components” button.

Codesandbox/StackBlitz link

No response

Logs

System Info

Browser: Firefox 147.0 (also reproducible in Chrome)

OS: Windows 10 (64-bit)

Device: Desktop

Screen size: ≥ 1366px width

Theme: Dark mode

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[amuif]

I have tried to reproduce the bug and the page renders perfectly,