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.

Improve UI discoverability of the "Use system color scheme" option

See original GitHub issue

Currently this option is hard to find. The “Automation” menu access, triggered by the vertical ellipses next to the [ ON | OFF ] switch, is not immediately obvious. This interaction could be improved in order to make the “use system color scheme” option easier to find, since this is likely a highly used and desirable feature. Numerous users have come to file an issue to suggest introducing this feature yet, discovered it already existed. Some were only able to determine where to enable it by reading the thread for closed issue #745. See comments starting here and below.

One possible interaction would be to update the main [ ON | OFF ] toggle switch in the main menu to simply: [ ON | OFF | SYSTEM ]

Another possibility would be to just move everything under the “Automation” menu into the “More” tab where most other options are currently consolidated. This may be less desirable since the “More” menu is disabled when Dark Reader is turned off for a site.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:6
  • Comments:36 (18 by maintainers)

github_iconTop GitHub Comments

4reactions
Gustedcommented, Apr 9, 2020

https://darkreader.org/blog/dr-5-announcement/ Theirs a new UI incoming that will Improve this Option. (The Auto Option)

1reaction
Gustedcommented, May 28, 2020

One possible interaction would be to update the main [ ON | OFF ] toggle switch in the main menu to simply: [ ON | OFF | SYSTEM ]

That’s why their is a MultiSwitch so you can overwrite on/off at any time you want and switch back to Auto when you feel to.

Read more comments on GitHub >

github_iconTop Results From Across the Web

10 Principles for Color Usage in UI Design - UX Collective
8. Consistency & context ... Color usage in an interface should be consistent, so colors always mean the same thing even when the...
Read more >
Color in Design Systems - Medium
From dark-as-night charcoal to fluffy light gray, neutrals provide essential UI scaffolding. Loading a system with neutrals, even a few, risks ...
Read more >
Colors in UI Design: A Guide for Creating the Perfect UI
You can employ a UX color palette for a better user experience. The right color selection always supports better information readability.
Read more >
Make it Easy on the User: Designing for Discoverability within ...
See some great examples of discoverable controls in UI Design patterns here. UX Booth offers a look at learnability with an example drawn...
Read more >
Managing Colors in a Design System - YouTube
Know how to organize colors in a design system with Marcin Treder, UXPin CEO.You'll learn:• How to build a color palette for a...
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