Press0 1328 default to light mode

[ajayadav09]

Proposed changes

Default to light mode unless the user has prefer-color-scheme as dark mode.

Type of Change

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Update (if none of the other choices apply)

Checklist

• I have read the CONTRIBUTING doc
• Linting and tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

[arunshenoy99]

@ajayadav09, can we explore using useEffect instead of an event listener, and can we fix the failing tests? Thanks!

[ajayadav09]

@ajayadav09, can we explore using useEffect instead of an event listener, and can we fix the failing tests? Thanks!

@arunshenoy99 I tried the useEffect approach to check for changes but the window.matchMedia is a function provided by the window object and it does not change between renders. So to check for changes will have to add listeners to matchMedia.