Skip to content

Commit 627b7ab

Browse files
authored
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)
1 parent 41f0e9d commit 627b7ab

File tree

1 file changed

+7
-1
lines changed
  • packages/react-devtools-extensions/popups

1 file changed

+7
-1
lines changed

packages/react-devtools-extensions/popups/shared.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,10 @@ html, body {
44

55
body {
66
margin: 8px;
7-
}
7+
}
8+
9+
@media (prefers-color-scheme: dark) {
10+
html {
11+
color-scheme: dark;
12+
}
13+
}

0 commit comments

Comments
 (0)