From 8051b8d60443a75b83ad6aa5f8ed3ca6f0c84155 Mon Sep 17 00:00:00 2001
From: Chris <chris@chrismatic.io>
Date: Wed, 11 Feb 2015 12:32:34 -0700
Subject: [PATCH] Highlight differences between temporary and permanent dyna.
 rules

Screenshots:

* After editing temporary (haven't committed to permanent yet): http://chrisly.me/image/3T2R0e2c1b20

* After committing (so temporary is same as permanenet) : http://chrisly.me/image/2I2l0Z1N1A2b
---
 src/css/dyna-rules.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/css/dyna-rules.css b/src/css/dyna-rules.css
index 346055539..ded7c319e 100644
--- a/src/css/dyna-rules.css
+++ b/src/css/dyna-rules.css
@@ -124,11 +124,14 @@ body[dir="rtl"] #commitButton:before {
     background-color: #eee;
     }
 #diff .right li {
+    opacity: 0.5;
     }
 #diff .right li:hover {
     }
 #diff .right li.notLeft {
     color: #000;
+    background: lightgreen;
+    opacity: 1;
     }
 #diff .right li.notRight {
     color: #000;
@@ -136,6 +139,8 @@ body[dir="rtl"] #commitButton:before {
 #diff .right li.toRemove {
     color: #000;
     text-decoration: line-through;
+    background: lightpink;
+    opacity: 1;
     }
 #diff textarea {
     background-color: #f8f8ff;