CodeYourFuture
Dark Mode Inconsistency
DARK MODE INCONSISTENCY
Clicking 'intro to digital' when dark mode is on removes it when it takes me to intro to digital page
What is wrong with this content? Incosisitency ,if i want dark mode it should be dark mode everywhere How could this be fixed? Use javascript and css Link to content https://itd.codeyourfuture.io/ Additional context
Who else might need to know about this?
Hi! 👋 I would like to take this issue and work on fixing the dark mode inconsistency.
I'll start by reproducing the issue locally and then implement a solution using JavaScript and CSS to ensure dark mode persists across all pages.
Please let me know if there are any guidelines or specific requirements I should follow.
Thank you!
The problem here is that we host the different sites on different subdomains, so they don't share localStorage. If we were going to fix this, we could either:
- Re-host our sites to share a domain - this would be a significant rework
- Use cookies set on the parent domain (i.e.
codeyourfuture.iorather than e.g.itp.codeyourfuture.io)
The cookie approach would probably work ok, but we should make sure to namespace cookie names so that they're unlikely to conflict with other subdomains, e.g. curriculum_darkmode or similar.
