Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
React DevTools npm dark 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'))
});
@dimitarnestorov

This comment has been minimized.

Copy link
Owner Author

@dimitarnestorov dimitarnestorov commented Jun 17, 2020

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:
dock.png

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment