Fix SVG icons rendering black in light theme

[krishnan05]

Summary

Fixes a visual bug where the SVG icon color in the share button rendered incorrectly, causing poor contrast and inconsistency with the intended theme.

Problem

The SVG icons were rendering in black instead of inheriting the correct color, leading to visibility issues against the button background.

Solution

Updated styling so SVG icons correctly inherit the intended color, ensuring consistent appearance across themes.

Scope of Change

• CSS-only fix
• No functional or behavioral changes
• No breaking changes

Testing

• Verified icon color renders correctly after the fix
• Checked affected button states for regressions
• Tested locally in browser

Screenshots

Before

After

Checklist

• Fix is limited to the reported issue
• Code follows existing project conventions
• Tested locally

Summary by CodeRabbit

• Style
  • Updated light variant social share button text color for improved contrast.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Updated the light variant of the social share button component to use white text color instead of dark gray. This is a presentation-only change affecting the color contrast in the light theme. No modifications to behavior, functionality, or control flow.

Changes

Cohort / File(s)	Summary
Social Share Button Styling src/social-share-button.css	Updated light variant text color from dark gray to white for improved contrast in light theme

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Pre-merge checks and finishing touches

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title describes fixing SVG icons rendering black in light theme, but the actual change only modifies the light variant's text color from dark gray to white in the CSS file. The PR summary indicates the issue is about SVG icons not inheriting intended colors, yet the changeset shows a text color modification, creating a mismatch between the stated problem and the implemented solution.	Clarify whether the SVG icon rendering issue is actually resolved by changing text color, or if the title should reflect that this change updates text color contrast in the light theme instead.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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.}

[coderabbitai]

Actionable comments posted: 2

📜 Review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 65c7a7e and 5bd7fbc.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (1)

• src/social-share-button.css