avinash201199/Free-courses-with-Certificates

Dark Mode

Open

#831 opened on Oct 19, 2025

View on GitHubContributor guide
 (0 comments) (0 reactions) (1 assignee)CSS (312 forks)auto 404
hacktoberfesthacktoberfest-accepted

Repository metrics

Stars
 (885 stars)
PR merge metrics
 (PR metrics pending)

Description

A Dark Mode feature will be added to the website, allowing users to switch seamlessly between Light Mode (default) and Dark Mode using a toggle button placed in the navbar.

Benefits:

Enhances user comfort, especially during nighttime browsing.

Reduces eye strain in low-light environments.

Improves overall user experience by offering a personalized interface.

Gives the website a modern, professional, and visually appealing look.

@avinash201199 pls assign this to me under Hacktoberfest 2025.

Contributor guide

Research direction
Implement a dark mode toggle button in the navbar using CSS custom properties for theming and JavaScript to switch classes or toggle a data attribute on the body. Use localStorage to persist the user's preference across pages.
Tech stack
cssjavascripthtml
Domain
frontendweb dev
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80