Content: [@nuxt/content-theme-docs] move color mode switcher to app header

Created on 7 Aug 2020  路  4Comments  路  Source: nuxt/content

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.

enhancement pending theme

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

All 4 comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

uporot1k picture uporot1k  路  4Comments

thely picture thely  路  4Comments

emp1tsu picture emp1tsu  路  3Comments

pxwee5 picture pxwee5  路  4Comments

davestewart picture davestewart  路  3Comments