Fix SSL icon color

FF 55 added -moz-context-properties extension to interact with SVG
images. This is used upstream for the icon color.

Author: SammysHP

common/content/statusline.js

@@ -266,6 +266,10 @@ const StatusLine = Module("statusline", {
                     let iconcolor = bbBackgroundLuminance < 128 ? "white" : "black";
                     node.style.listStyleImage = node.style.listStyleImage.replace(/(#[\w-]+)(-white|-black)|(#[\w-]+)/, "$1$3-" + iconcolor);
 
+                    if (services.get("vc").compare(VERSION, "56") >= 0) {
+                        node.style.fill = window.getComputedStyle(document.getElementById("liberator-status")).getPropertyValue("color");
+                    }
+
                     node.style.visibility = "visible";
 
                     var tooltip = conn_icon.tooltipText;

common/skin/liberator.css

@@ -142,6 +142,7 @@
         height: 16px;
         visibility: collapse;
         -moz-image-region: rect(0, 16px, 16px, 0);
+        -moz-context-properties: fill;
     }
     #liberator-status-ssl.verifiedIdentity {
         visibility: visible;