It's hard for users to switch between dark/light mode as they need to scroll to the bottom.
Especially on longer pages, a new visitor might not even notice that a dark mode is available.
The mobile version already has this feature in nav dropdown.
A solution would be to move color mode switcher to app header and/or maybe an option in settings.json to toggle this behavior.
I suggest instead to support the system color scheme by default and having an actions box (such as CMD + K).
Once you set the color mode, it is useless to keep it in the header honestly
Isn't it possible to move it anywhere you want? For example, in the default page, when the theme is installed, there's command for it. Thing is, how do you edit the theme's header/footer to your liking?
We plan to support overwriting components soon, see https://github.com/nuxt/content/pull/542
The previously linked PR was merged but to fulfill another purpose. Still waiting on the next release of @nuxt/components to handle components override.
Most helpful comment
I suggest instead to support the system color scheme by default and having an actions box (such as CMD + K).
Once you set the color mode, it is useless to keep it in the header honestly