React DevTools npm dark patch

react-devtools+4.7.0.patch

diff --git a/node_modules/react-devtools/app.html b/node_modules/react-devtools/app.html
index 75fc137..bfc3c1b 100644
--- a/node_modules/react-devtools/app.html
+++ b/node_modules/react-devtools/app.html
@@ -12,7 +12,7 @@
         height: 100%;
         margin: 0;
         padding: 0;
-        background-color: #fff;
+        background-color: #000;
         color: #777d88;
       }
 
@@ -35,8 +35,8 @@
         font-weight: 100;
         padding: 0 0.25rem;
         border: 1px solid #aaa;
-        background-color: #fff;
-        color: #666;
+        background-color: #333;
+        color: #ccc;
       }
 
       .link {
@@ -71,9 +71,9 @@
       .box {
         text-align: center;
         border-radius: 0.5rem;
-        background-color: #f7f7f7;
-        border: 1px solid #eee;
-        color: #777d88;
+        background-color: #222;
+        border: 1px solid #333;
+        color: #ddd;
         padding: 1rem;
         margin-top: 1rem;
       }
diff --git a/node_modules/react-devtools/app.js b/node_modules/react-devtools/app.js
index 38304b4..c123fd6 100644
--- a/node_modules/react-devtools/app.js
+++ b/node_modules/react-devtools/app.js
@@ -27,6 +27,8 @@ app.on('ready', function() {
     icon: join(__dirname, 'icons/icon128.png'),
     frame: false,
     //titleBarStyle: 'customButtonsOnHover',
+    transparent: true,
+    backgroundColor: '#000',
     webPreferences: {
       nodeIntegration: true,
     },
@@ -45,4 +47,6 @@ app.on('ready', function() {
   mainWindow.on('closed', function() {
     mainWindow = null;
   });
+
+  app.dock.setIcon(join(__dirname, 'icons/dock.png'))
 });

Portions of the interface are light and are visible quite often so here's a patch that should darken them. Also changes the dock icon.
Here's dock.png: