question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
Atinuxcommented, Sep 15, 2020

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

0reactions
farnabazcommented, May 31, 2022

@nuxt/content-theme-docs is moving away and will not get any updates, very soon we will open-source Docus, a brand new theme based on Nuxt 3 and Content v2 with lots of improvements and new features.

Closing this issue in favor of the new docs theme. Keep an eye on #726 for updates

Read more comments on GitHub >

github_iconTop Results From Across the Web

Color Mode - Chakra UI
Color Mode. Chakra UI comes with built-in support for managing color mode in your apps. By default, most of Chakra's components are dark...
Read more >
How to Add a Dark Mode Switcher in WordPress (Any Theme)
The Dark Mode Switcher can be made sticky or absolute. or added site-wide on the website header. If you use WordPress Block editor, ......
Read more >
Creating a Dark Mode Switcher With CSS and JavaScript
In this short course, you'll learn how to create a switcher to enable users to switch between dark and light mode on a...
Read more >
Change to dark or color mode on your Android device
On your phone, go to the Settings app. Tap Wallpaper & style. To change the color palette of your wallpaper, tap Wallpaper colors...
Read more >
Dark Mode to Change Color Schemes and CSS Properties
Developers are adding dark mode CSS on native applications to support their user preferences. Read to learn more about dark color schemes for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found