Styled polyfill window for colorpicker to match rest of site

server/public/assets/css/style.css

@@ -1927,6 +1927,27 @@ nav ul li:hover, nav ul li.active {
   border-top-left-radius: 4px;
 }
 
+.polyfill-color {
+  border: none;
+  background: white;
+  border-radius: 2px;
+  padding: 12px 12px 0px 12px;
+}
+
+.sp-picker-container {
+  width: auto;
+}
+
+.sp-container button, .sp-container button:hover, .sp-container button:active {
+  background: none;
+  border: none;
+  border-radius: 0;
+  color: black;
+  font-size: inherit;
+  line-height: inherit;
+  box-shadow: none;
+}
+
 .sp-replacer {
   border: none;
   background: none;

server/public/assets/js/listeners.js

@@ -394,9 +394,22 @@ function init(){
                 $("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
             },
             appendTo: "#embed",
+            containerClassName: 'polyfill-color z-depth-4',
+            show: function(color) {
+            },
         });
+
+        $(".sp-choose").addClass("hide");
+        $(".sp-cancel").addClass("btn-flat waves-effect waves-red");
+        $(".sp-cancel").removeClass("sp-cancel");
+        $(".sp-button-container").append("<a href='#' class='btn-flat waves-effect waves-green sp-choose-link'>CHOOSE</a>");
     }
 
+    $(".sp-choose-link").on("click", function(e) {
+        e.preventDefault();
+        $(".sp-choose").trigger("click");
+    });
+
     $("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });
     $("#search").focus();
     $("#embed-button").css("display", "inline-block");