Add Dark Mode toggle for better user experience

[SuryaGanesh284]

Description

Hello! 👋

I've been using Good First Issue and I think it's a fantastic resource for newcomers to open source. However, I noticed that the website currently only supports a light theme. Many developers prefer dark mode for reduced eye strain, especially during extended browsing sessions.

Proposed Enhancement

Add a dark mode toggle feature that allows users to switch between light and dark themes. This would improve the user experience, especially for users who:

• Browse late at night or in low-light environments
• Have sensitivity to bright screens
• Simply prefer the aesthetics of dark mode

Benefits

• Improved accessibility: Better for users with light sensitivity
• Better UX: Follows modern web design practices
• User preference: Respects system-level dark mode preferences
• Reduced eye strain: Especially during extended browsing sessions

Implementation Suggestions

Since the project uses Nuxt.js with Tailwind CSS, this could be implemented using:

1. Nuxt Color Mode module (@nuxtjs/color-mode): Built-in support for dark mode in Nuxt 3
2. Tailwind's dark mode utilities: Already configured in the project
3. Local storage: To persist user preference across sessions
4. System preference detection: Auto-detect user's OS theme preference

Proposed Implementation Steps

1. Install and configure @nuxtjs/color-mode module
2. Update Tailwind config to enable dark mode (class strategy)
3. Add dark mode variants to existing components
4. Create a toggle component (moon/sun icon) in the navigation bar
5. Ensure the selected theme persists in localStorage
6. Test all pages and components in both modes

Additional Context

This would be a great enhancement that aligns with modern web standards and user expectations. Many similar developer-focused websites (GitHub, Stack Overflow, etc.) offer dark mode as a standard feature.

I'd be happy to work on this if you think it's a valuable addition! 🚀

[Kidist311]

Hi! I’m interested in contributing to this issue. If possible, I’d like to work on it.

[lab1207]

Hi! I’m new and interested in working on this. Is it okay if I help, or is someone already working on it?

[keerthanasathish985-beep]

I am a beginner who is learning how to contribute to open-source projects. and I’m really interested in contributing to your project.

I want to start with small tasks, such as fixing documentation errors, typo fixes, or beginner-friendly issues.
If you have any such issues or if you can guide me on how to get started, I would be very thankful.

Looking forward to your guidance.

[Sital-Creation]

Hi, I would like to work on this issue. Can you please assign it to me?

[jhv07]

Hello,
I’m interested in working on this issue. Please let me know if it’s still available and feel free to assign it to me.
Thank you!

[yeap531]

Hi! I’m interested in contributing to this issue. If its possible, I’d like to work on it.