Improve footer social icon visibility in light mode

[Shweta2117409]

Related Issue

• Closes: #

---

Description

This PR improves the visibility and accessibility of footer social media icons in light mode.

Changes Made

• Updated footer social icon colors for better contrast in light mode
• Improved hover visibility and interaction feedback
• Maintained consistent dark mode styling
• Enhanced overall footer UI accessibility

---

How Has This Been Tested?

• Tested locally using npm run dev
• Verified visibility improvements in light mode
• Checked hover effects for GitHub, Twitter, and Discord icons
• Confirmed no layout or styling breakage

---

Screenshots (if applicable)

(Add before and after screenshots here)

---

Type of Change

• Bug fix
• New feature
• Code style update
• Breaking change
• Documentation update

Summary by CodeRabbit

• Style
  • Updated social media icon link colors in the footer for improved light and dark mode appearance.

[netlify]

❌ Deploy Preview for github-spy failed.

Name	Link
🔨 Latest commit	8d6c8eb
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a119a9bf4d2620009f43517

[coderabbitai]

Warning

Review limit reached

@mehul-m-prajapati, we couldn't start this review because you've used your available PR reviews for now.

Your plan currently allows 1 review/hour. Refill in 31 minutes and 23 seconds.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more review capacity refills, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than trial, open-source, and free plans. In all cases, review capacity refills continuously over time.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 632a8c93-a4ff-4bb0-a24c-243a7cf5fa89

📥 Commits

Reviewing files that changed from the base of the PR and between faa3d21 and 8d6c8eb.

📒 Files selected for processing (1)

• src/components/Footer.tsx

📝 Walkthrough

Walkthrough

Footer.tsx social media icon links are restyled with updated base text colors for light and dark modes across GitHub, Twitter, and Discord anchors, maintaining existing hover and transition effects while adjusting color zinc values.

Changes

Footer Social Media Icon Styling

Layer / File(s)	Summary
Social media icon link colors src/components/Footer.tsx	GitHub, Twitter, and Discord social icon anchors' className attributes are updated with new base text color values for light/dark mode zinc colors, preserving all hover/transition behavior.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related issues

• GitMetricsLab/github_tracker#386: Both change the social media icon anchor styling in Footer.tsx to adjust default text colors for GitHub/Twitter/Discord icons.

Possibly related PRs

• GitMetricsLab/github_tracker#295: Both modify src/components/Footer.tsx social icon/link rendering with the main PR tweaking GitHub/Twitter/Discord anchor color styling.
• GitMetricsLab/github_tracker#292: Both update src/components/Footer.tsx GitHub/Twitter/Discord social icon anchor styling in the footer's social tray area.
• GitMetricsLab/github_tracker#287: Both modify src/components/Footer.tsx with the main PR tweaking GitHub/Twitter/Discord anchor styling in the same footer component.

Suggested labels

level:intermediate, quality:clean, type:bug, type:accessibility

Poem

🐰 Social colors refined with care,
Zinc tones dancing through light and air,
GitHub, Twitter, Discord shine,
Each link now has its perfect line,
Visibility blooms, designs align!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: improving footer social icon visibility in light mode, which directly matches the changeset focus.
Description check	✅ Passed	The description covers all required template sections with substantial detail: Related Issue, Description, Changes Made, Testing, Type of Change, and Screenshots placeholder.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎉 Thank you @Shweta2117409 for your contribution. Please make sure your PR follows https://github.com/GitMetricsLab/github_tracker/blob/main/CONTRIBUTING.md#-pull-request-guidelines

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #390 has been merged! 🎉🎉