Issue 4136 - Support Chrome's dark devtools theme

skin/devtools-panel.css

Index: skin/devtools-panel.css
diff --git a/skin/devtools-panel.css b/skin/devtools-panel.css
index ed2d15c7bc4cfd315f583d7c0a60627e32ff0cbc..290b9e2edd9274ce5a5714a59a570642df60c29c 100644
--- a/skin/devtools-panel.css
+++ b/skin/devtools-panel.css
@@ -20,6 +20,16 @@ body
   flex-direction: column;
 }
 
+body.default
+{
+  background-color: #ffffff;
+}
+
+body.dark
+{
+  color: #ffffff;
+}
+
 table
 {
   table-layout: fixed;
@@ -89,6 +99,11 @@ header::-webkit-scrollbar
   background-repeat: repeat;
 }
 
+body.dark #items table
+{
+  background-image: url(data:image/gif;base64,R0lGODdhAQBQAIACACQkJExMTCwAAAAAAQBQAAACC4yPqcsID6OctMYCADs=);
+}
+
 #items tr
 {
   height: 40px;
@@ -99,11 +114,21 @@ header::-webkit-scrollbar
   color: red;
 }
 
+body.dark #items tr[data-state=blocked]
+{
+  color: #ff3a3a;
+}
+
 #items tr[data-state=whitelisted]
 {
   color: green;
 }
 
+body.dark #items tr[data-state=whitelisted]
+{
+  color: #389c22;
+}
+
 #items[data-filter-state=blocked]       tr:not([data-state=blocked]),
 #items[data-filter-state=whitelisted]   tr:not([data-state=whitelisted]),
 #items[data-filter-type=SUBDOCUMENT]    tr:not([data-type=SUBDOCUMENT]),
@@ -212,3 +237,8 @@ footer
 {
   display: none;
 }
+
+body.dark #reload
+{
+  color: #2a67e7;
+}