Change Details

This diff introduces a new component that wraps the contents of the `App` component, and the job of this component is to update the `data` attribute based on what the `activeTheme` of the app is. The subsequent diff will introduce the css variable list that will use this `data` attribute to show dark or light mode color values Sources I used to help me with this implementation:

This diff introduces a new component that wraps the contents of the `App` component, and the job of this component is to update the `data` attribute based on what the `activeTheme` of the app is. The subsequent diff will introduce the css variable list that will use this `data` attribute to show dark or light mode color values Sources I used to help me with this implementation: https://css-tricks.com/easy-dark-mode-and-multiple-color-themes-in-react/ https://stackoverflow.com/questions/56300132/how-to-override-css-prefers-color-scheme-setting

This diff introduces a new component that wraps the contents of the `App` component, and the job of this component is to update the `data` attribute based on what the `activeTheme` of the app is. The subsequent diff will introduce the css variable list that will use this `data` attribute to show dark or light mode color values Sources I used to help me with this implementation: https://css-tricks.com/easy-dark-mode-and-multiple-color-themes-in-react/ https://stackoverflow.com/questions/56300132/how-to-override-css-prefers-color-scheme-setting