From f961cad0f0389e4135dd451872400fb67acc8595 Mon Sep 17 00:00:00 2001
From: Chris <chris@chrismatic.io>
Date: Sat, 11 Apr 2015 23:15:05 -0600
Subject: [PATCH] Make dynamic filtering visual status color-blind-friendly
 (closes #1242)

---
 src/css/popup.css | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index f35ff203f..b57aa7f79 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -105,10 +105,10 @@ p {
 #switch .icon {
     color: dodgerblue;
     cursor: pointer;
-    font-size:96px;
+    font-size: 96px;
     }
 #switch .icon:hover {
-    opacity: 0.9;
+    opacity: 0.8;
     }
 body.off #switch .icon {
     color: #ccc;
@@ -303,6 +303,30 @@ body.dirty #refresh:hover {
 #firewallContainer > div > span.nRule.ownRule {
     background-color: rgba(108, 108, 108, 1);
     }
+#firewallContainer > div > span.aRule:,
+#firewallContainer > div > span.bRule,
+#firewallContainer > div > span.nRule {
+    position: relative;
+    }
+#firewallContainer > div > span.aRule:before,
+#firewallContainer > div > span.bRule:before,
+#firewallContainer > div > span.nRule:before {
+    top: 0;
+    left: 0;
+    right: 0;
+    text-align: center;
+    display: block;
+    opacity: 1;
+    }
+#firewallContainer > div > span.aRule:before {
+    content: "allow";
+    }
+#firewallContainer > div > span.bRule:before {
+    content: "block";
+    }
+#firewallContainer > div > span.nRule:before {
+    content: "no-op";
+    }
 
 #actionSelector {
     bottom: 0;