Skip to content

Conversation

@PaitoAnderson
Copy link
Contributor

Summary:

Automatically set the appearance based on the global system dark mode, and remove the manual Dark Theme toggle.

Test Plan:

Set macOS Appearance to Light and Dark in System Preferences -> General and watch the debugging UI background change from white to black. Tested myself in Chrome 76 and Safari 12.1.2 on macOS 10.14.6.

Screen Shot 2019-08-02 at 10 22 32 AM

@thymikee
Copy link
Member

thymikee commented Aug 2, 2019

Um, but this removes the dark mode for folks that are on light theme and still want to use dark in the debugger. Not mentioning Windows or various Linux distros that may not have this functionality. Can you bring the button down and set the default base on that CSS query?

@PaitoAnderson
Copy link
Contributor Author

@thymikee Fair enough, I've changed it to just default to the user's system color scheme the first time it's opened.

I did test Windows 10 as it does have a dark mode, works there too using Chrome 76. I haven't used Linux in years so I don't know if the popular distros are shipping a dark mode or not.

Thanks for reviewing!

Copy link
Member

@thymikee thymikee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you! :)

@thymikee thymikee merged commit 4a51924 into react-native-community:master Aug 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants