Skip to content

Add dark mode #149

Open
Open
@nidhi752

Description

@nidhi752

Short Description

Add a Dark Mode option so users can easily switch between light and dark themes on the site.

How This Feature Will Help

Dark Mode will make browsing easier on the eyes, especially in low-light settings. It lets users personalize their experience and improves accessibility by giving them the flexibility to choose what’s most comfortable.

Possible Solution

  1. Add a toggle button for Dark Mode in the header or settings area.
  2. Use CSS variables to define colors for both light and dark themes, then store the user’s choice in local storage to remember their preference.
  3. Implement a function to check the saved preference and apply the right theme on load, making it seamless for users.

Examples/Similar Features

Popular sites like GitHub and Stack Overflow have a Dark Mode feature. Many open-source projects like React also document Dark Mode as a best practice for modern web design.

Can You Help With This Feature?

Yes, I’d be happy to contribute to setting up the CSS, JavaScript toggle, and testing across pages to make sure the theme looks consistent everywhere.

Metadata

Metadata

Assignees

No one assigned

    Labels

    websiteFor the aboutcode.org website

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions