Skip to content

fix: add light mode text colour to h1 heading in Legal Pages#365

Open
MEHWISH310 wants to merge 1 commit into
Durgeshwar-AI:mainfrom
MEHWISH310:main
Open

fix: add light mode text colour to h1 heading in Legal Pages#365
MEHWISH310 wants to merge 1 commit into
Durgeshwar-AI:mainfrom
MEHWISH310:main

Conversation

@MEHWISH310

Copy link
Copy Markdown

🔀 Pull Request

📌 Issue Reference

Closes #359


📝 Summary

What issue does this fix?
The main heading (h1) on all legal pages, i.e., Privacy Policy, Terms of Service, Cookie Policy, and GDPR Compliance, was invisible in light mode. The heading used bg-clip-text text-transparent for a gradient effect, but gradient colors were only defined for dark mode (dark:from-slate-100 dark:to-slate-300), so in light mode the text had no color and became transparent.

What major changes were made?

  • Added from-slate-800 to-slate-600 light mode gradient colors to the <h1> in frontend/src/components/PageLayout.jsx
  • Since all four legal pages share this single component, one change fixes all of them

📸 Screenshots (if applicable)

image image

✅ Checklist

  • My code follows the project's coding conventions
  • I have tested all impacted features
  • I have updated or added necessary documentation

🔗 Related Issues / PRs

Issue #359


🏅 Open Source Program Participation

Program Name: Social Summer of Code '26 (SSoC'26)

@vercel

vercel Bot commented Jun 16, 2026

Copy link
Copy Markdown

@MEHWISH310 is attempting to deploy a commit to the Durgeshwar'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.

[BUG] Text Not Visible in Light Mode on Legal Pages (Privacy, Terms, Cookie, GDPR)

1 participant