A component that toggles the entire Nexus website (not just the page) between light and dark modes. Implementing on 1 page should be relatively easy by changing theme:
https://material-ui.com/customization/default-theme/#default-theme
Having theme propagate across the whole app will be more challenging, but the goal for y'all!
Context: This component will be used in future educational/gamification activities.
Example interaction: user is able to see certain page elements depending on whether light mode or dark mode is selected. They must toggle back and forth between the two modes in order to understand the page.
Example interaction: certain page elements act differently depending on whether light or dark mode is selected. Puzzle will involve user interacting with page elements in both modes.
A component that toggles the entire Nexus website (not just the page) between light and dark modes. Implementing on 1 page should be relatively easy by changing theme: https://material-ui.com/customization/default-theme/#default-theme Having theme propagate across the whole app will be more challenging, but the goal for y'all!
Context: This component will be used in future educational/gamification activities.