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..5701cd8d7405b4be14b96bb2a75461a2636cf20a 100644
--- a/skin/devtools-panel.css
+++ b/skin/devtools-panel.css
@@ -20,6 +20,11 @@ body
   flex-direction: column;
 }
 
+body.dark
+{
+  color: #ffffff;
+}
+
 table
 {
   table-layout: fixed;
@@ -88,6 +93,11 @@ header::-webkit-scrollbar
   background-image: url(data:image/gif;base64,R0lGODdhAQBQAIABAO7u7v///ywAAAAAAQBQAAACC4SPqcsYD6OctMYCADs=);
   background-repeat: repeat;
 }
+body.dark #items table
+{
+  background-image: url(data:image/gif;base64,R0lGODdhAQBQAIACACQkJExMTCwAAAAAAQBQAAACC4yPqcsID6OctMYCADs=);
+}
+
 
 #items tr
 {
@@ -99,11 +109,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 +232,8 @@ footer
 {
   display: none;
 }
+
+body.dark #reload
+{
+  color: #2a67e7;
+}