Dark Mode for subpages

[ShrillShrestha]

Changes

Dark mode for subpages. Continuation for #55

How Has This Been Tested?

I tested the changes locally in the chrome browser for mac.

Mentions

@RashikaKarki, @wrussell1999, @Korusuke
Also, right now the subpages don't inherit dark mode from the home page (they have their own toggle button). I am trying to make it inherit to subpages. So, if you have any advice/ tips on how I can make that happen, I am happy to hear them.

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature and improvements (non-breaking change which adds/improves functionality)
• Bug fix (non-breaking change which fixes an issue)
• Code Refactoring (an internal change which is not user-facing)
• Documentation
• Test, CI, or build

Checklist

• Coding style of this project is followed
• Change in documentation is required
• Documentation has been updated accordingly
• Unit tests have been added to cover code change

[ShrillShrestha]

@Korusuke, the dark mode is acting weird. @RashikaKarki tried checking the dark mode, and the subpages were inheriting the dark mode. But I tried on my browser and it looks like it's not working. I am not sure if it's because we are using different systems. I am using macOS, and Rashika is using Windows. We also tried every browser(Chrome, Mozilla,...) we have. Do you have any suggestions on what I should be doing next?

[jkmartindale]

Suggested change

	if(imode == "true"){
	if (imode === null) {
	localStorage.setItem("isDark", false);
	}
	if(imode == "true"){

[jkmartindale]

I played around with this branch, and adding a null check for isDark and setting it to a default value made dark theme inheritance work better for me. Maybe that'll fix the issue you're seeing?