Skip to content

Persist Dark/Light Mode Across Page Reloads #336

Open
@shivasankaran18

Description

@shivasankaran18

Feature Request 🛍️

Persist Dark/Light Mode Across Page Reloads

Use Case

Currently, the website defaults to the light theme after a page reload, even if the user has previously selected the dark theme. This disrupts the user experience as the theme preference is not retained.

Possible Solution

Store the user's theme preference (dark or light) in localStorage and apply it during app initialization to ensure the selected theme persists across page reloads.

Context

This issue affects the overall user experience by not respecting the user's theme preference. Persisting the theme across page reloads will improve usability and make the website feel more polished.

Detailed Description

  • The selected theme (dark or light) should persist across page reloads.
  • The theme preference should be stored in localStorage and applied when the page loads.
  • The data-theme attribute should be updated correctly to ensure the styles are applied consistently.
  • The solution should be tested to verify that the theme persists and behaves as expected.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions