[DevTools] Rerender when the browser theme changes (#33992)

When the browser theme changes, we don't immediately rerender the UI so
we don't pick up the new theme if the React devtools are set to auto.

This picks up the change immediately.
This commit is contained in:
Sebastian Markbåge 2025-07-25 10:19:09 -04:00 committed by GitHub
parent 142fd27bf6
commit b1a6f03f8a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -530,3 +530,16 @@ if (__IS_FIREFOX__) {
connectExtensionPort();
mountReactDevToolsWhenReactHasLoaded();
function onThemeChanged(themeName) {
// Rerender with the new theme
render();
}
if (chrome.devtools.panels.setThemeChangeHandler) {
// Chrome
chrome.devtools.panels.setThemeChangeHandler(onThemeChanged);
} else if (chrome.devtools.panels.onThemeChanged) {
// Firefox
chrome.devtools.panels.onThemeChanged.addListener(onThemeChanged);
}