Try to apply mode styles to root html element before body

[daveols]

The background colour from custom modes wasn't being correctly applied to pages that had a body smaller than the view height.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

bumbag-ui – ./

🔍 Inspect: https://vercel.com/jxom/bumbag-ui/JAS1nQBZG2vUWvdx8RXS6Cj5gK5S
✅ Preview: https://bumbag-ui-git-fork-daveols-apply-mode-styles-to-root-jxom.vercel.app

[daveols]

I don't have a custom localStoragePrefix set personally, but this code won't work as expected for those who do.

Perhaps that prefix should be saved somewhere so that this little hack can retrieve it here and correctly apply the colour mode?

[jxom]

Yeah, you are right. I don't think local storage is the best solution here anyway. I think this needs more thinking & a refactor.

[jxom]

Bumbag docs seem broken in dark mode. We may need to amend the following to just 'html':
https://github.com/jxom/bumbag-ui/blob/main/packages/bumbag/src/theme/index.ts#L26