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)

DiffTrain build for commit https://github.com/facebook/react/commit/627b7abd62eb27f70af3934ca45b858103d4f30d.
This commit is contained in:
hoxyq
2023-09-11 13:07:39 +00:00
parent d704c7b2a7
commit 67b0ae0a6e
7 changed files with 9 additions and 9 deletions
@@ -23994,7 +23994,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-canary-41f0e9dae-20230907";
var ReactVersion = "18.3.0-canary-627b7abd6-20230911";
// Might add PROFILE later.
@@ -8617,7 +8617,7 @@ var devToolsConfig$jscomp$inline_1027 = {
throw Error("TestRenderer does not support findFiberByHostInstance()");
},
bundleType: 0,
version: "18.3.0-canary-41f0e9dae-20230907",
version: "18.3.0-canary-627b7abd6-20230911",
rendererPackageName: "react-test-renderer"
};
var internals$jscomp$inline_1226 = {
@@ -8648,7 +8648,7 @@ var internals$jscomp$inline_1226 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-canary-41f0e9dae-20230907"
reconcilerVersion: "18.3.0-canary-627b7abd6-20230911"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1227 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -9043,7 +9043,7 @@ var devToolsConfig$jscomp$inline_1069 = {
throw Error("TestRenderer does not support findFiberByHostInstance()");
},
bundleType: 0,
version: "18.3.0-canary-41f0e9dae-20230907",
version: "18.3.0-canary-627b7abd6-20230911",
rendererPackageName: "react-test-renderer"
};
var internals$jscomp$inline_1267 = {
@@ -9074,7 +9074,7 @@ var internals$jscomp$inline_1267 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-canary-41f0e9dae-20230907"
reconcilerVersion: "18.3.0-canary-627b7abd6-20230911"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1268 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-canary-41f0e9dae-20230907";
var ReactVersion = "18.3.0-canary-627b7abd6-20230911";
// ATTENTION
// When adding new symbols to this file,
@@ -616,4 +616,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactCurrentDispatcher.current.useTransition();
};
exports.version = "18.3.0-canary-41f0e9dae-20230907";
exports.version = "18.3.0-canary-627b7abd6-20230911";
@@ -619,7 +619,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactCurrentDispatcher.current.useTransition();
};
exports.version = "18.3.0-canary-41f0e9dae-20230907";
exports.version = "18.3.0-canary-627b7abd6-20230911";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -1 +1 @@
41f0e9dae3b81396dc29a4735b355ea318cc5772
627b7abd62eb27f70af3934ca45b858103d4f30d