Dark Mode does not persist between same page

[gbowne1]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Current Behavior

Dark mode / theme does not persist once toggled on.

Noticed this when on Contact page (contact.html). Clicked on the Contact item in the NavBar. Theme changed back to Light from Dark without having to toggle.

I assume you can persist the theme state. This might require a theme.js controller.

Expected Behavior

Persistent Dark mode or Light mode till user turns the feature on or off and changing pages does not change theme mode.

Theme should not change between pages, in other words, the mode should not turn off till the user toggles the theme switch.

Steps to Reproduce

• Navigate to /contact.html
• Click on the dark mode toggle to toggle Dark theme.
• Click on the Contact in the NavBar.

Notice that now the dark mode turns off.

[Halim-Shams]

Hey, can give me some more info like, which frontend framework you are using? if you are using ReactJS I can help you with that.

[gbowne1]

@Halim-Shams

This does not use a framework of any kind.