Is it possible to only apply night mode on certain layouts?

[daydream05]

I have docs subdirectory on my site and I'd like it to be the only one affected when I use dark/night mode while the rest of the site stays the same. Is this possible?

For context, I use gatsby

[hasparus]

Take a look at your React tree in the devtools. There's a ColorModeProvider there, which keeps the state of current color mode.

The ThemeProvider your import from theme-ui already has the whole deal with ColorModeProvider and MdxProvider,
but you can use the ThemeProvider from @theme-ui/core at the root of your site, and include ColorModeProvider somewhere lower in the tree.