[Enhancement] Improve footer link contrast in dark mode for better accessibility

[sainimanpreet]

Current Behavior

In dark mode on the Layer5 website, the footer links have low contrast, making them difficult to read. This affects user accessibility and does not meet recommended contrast standards.

Desired Behavior

Enhance the footer link styling in dark mode to improve visibility and readability. Ensure the contrast ratio aligns with WCAG accessibility standards (minimum 4.5:1).

Screenshots / Mockup

The following screenshot highlights the contrast issue in the footer links on the Layer5 website when dark mode is enabled:

![Dark mode footer with low contrast links]

This shows how white/light gray text on a black background reduces readability, especially for users with visual impairments.

Implementation

• Identify and update the CSS affecting footer links in dark mode.
• Choose color values that meet contrast standards while aligning with Layer5 branding.
• Test using accessibility tools (like WebAIM Contrast Checker or Chrome DevTools).
• Ensure no conflicts or regressions occur in light mode.

Acceptance Tests

• Footer links in dark mode are easily readable.
• Verified contrast ratio is ≥ 4.5:1.
• Changes are consistently applied across all site pages.
• Light mode remains unaffected.

[sainimanpreet]

@Yashsharma1911 Hi! I just raised this enhancement issue after checking for duplicates. I’d love to work on it as part of my contribution under LFX Term 3. Could you please review it and assign if appropriate? Thanks! 🙌

[saurabhraghuvanshii]

@aabidsofi19 any thoughts?

[Rajesh-Nagarajan-11]

I love to work on this issue , Can you assign me if no one else working on this ? @sainimanpreet @saurabhraghuvanshii