Skip to content

fixed FAQ light theme#111

Open
vaishnavi791 wants to merge 1 commit into
piyushpatelcodes:mainfrom
vaishnavi791:main
Open

fixed FAQ light theme#111
vaishnavi791 wants to merge 1 commit into
piyushpatelcodes:mainfrom
vaishnavi791:main

Conversation

@vaishnavi791
Copy link
Copy Markdown

@vaishnavi791 vaishnavi791 commented Mar 26, 2026

Description

Theme toggle not working for FAQ section.
Issue number- #75

What problem are you solving?

The FAQ section was not updating correctly in light mode. The cards remained dark because they used hardcoded inline style in tailwind css class.

How i resolve this issue?

Replaced hardcoded inline styles with Tailwind utility classes:

  1. Added proper light mode base styles (tw-bg-white, tw-text-gray-800)
  2. Added dark mode variants using dark: (dark:tw-bg-[#1e1e1e], dark:tw-text-gray-100)

Checklist

  • Attach Proof of Work -

Before:
Screenshot 2026-03-27 002142
After:
Screenshot 2026-03-27 003433

  • Explain Your Approach

  • Replaced hardcoded inline styles in the FAQ section with Tailwind utility classes and added dark: variants. This allows the component to correctly respond to theme changes in both light and dark modes.

  • PR links to the issue - This PR is linked to an issue Theme toggle not working for FAQ section. #75

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 26, 2026

@vaishnavi791 is attempting to deploy a commit to the Piyush Patel's projects 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