diff --git a/devtools/panel/panel.html b/devtools/panel/panel.html
index 2a52c75511caf5..c28b1167d9768e 100644
--- a/devtools/panel/panel.html
+++ b/devtools/panel/panel.html
@@ -27,6 +27,23 @@
.tree-item.selected {
background-color: #e0e0e0;
}
+
+ @media (prefers-color-scheme: dark) {
+ body {
+ background: #232323;
+ color: #e0e0e0;
+ }
+ .info-item{
+ background-color: #333;
+ color: #aaa;
+ }
+ .tree-item:hover {
+ background-color: #333;
+ }
+ .tree-item.selected {
+ background-color: #333;
+ }
+ }