@samitouri / QOS-React-1 / commits / 627b7abd62

feat[devtools/extension]: add dark theme for popup (#27330)

## Summary If the system/browser uses a dark theme, then the extension popup still remains with a light background. And so that the eyes do not hurt in a dark room, you need a dark theme. ## How did you test this change? Make sure the dark theme is enabled on your system/browser. **Before:** ![Screenshot 2023-09-02 at 22 20 56](https://github.com/facebook/react/assets/19418601/f7166ea7-f562-4d11-8851-be08fa9629a7) **After:** ![Screenshot 2023-09-02 at 22 21 30](https://github.com/facebook/react/assets/19418601/e51ecd5f-3e71-4193-83ff-a548bce76bd4)

Pavel committed Sep 11, 2023 at 16:02 UTC 627b7abd62eb27f70af3934ca45b858103d4f30d
1 file changed +7 -1
packages/react-devtools-extensions/popups/shared.css
+7 -1
@@ -4,4 +4,10 @@ html, body {
4
5 body {
6 margin: 8px;
7 -}
\ No newline at end of file
7 +}
8 +
9 +@media (prefers-color-scheme: dark) {
10 + html {
11 + color-scheme: dark;
12 + }
13 +}