Update social icons CSS for dark theme in Scale Recipes

[DivyanshiSingh-23]

Description

Currently, the social icons on the Scale Recipe page do not adapt properly to dark theme mode. The icons do not visually match the overall dark theme styling of the page. This reduces consistency and readability.

Steps to Reproduce:

1. Switch the Scale Recipe page to dark theme mode.
2. Scroll to the section with social icons.
3. Observe that the icon colors do not match the rest of the dark theme design.

Expected Behavior:

The social icons should have CSS updates that make them visible, consistent, and aesthetically aligned with the overall dark theme palette of the page.

Proposed Solution:

• Update CSS variables/classes for social icons in dark theme mode.

• Ensure icons have sufficient contrast and align with the dark theme color scheme.

• Test in both light and dark modes to confirm adaptability.

screenshot:

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊