fix #429

src/js/start.js

@@ -38,22 +38,22 @@ var µm = µMatrix;
 /******************************************************************************/
 
 var defaultLocalUserSettings = {
+    // data-URI background courtesy of https://github.com/dev-random
+    // https://github.com/gorhill/uMatrix/issues/429#issuecomment-194548243
     placeholderBackground: [
-            'linear-gradient(0deg,',
+            'url("data:image/png;base64,',
-                'rgba(0,0,0,0.02) 25%,',
+                'iVBORw0KGgoAAAANSUhEUgAAAAoAAAAK',
-                'rgba(0,0,0,0.05) 25%,',
+                'CAAAAACoWZBhAAAABGdBTUEAALGPC/xh',
-                'rgba(0,0,0,0.05) 75%,',
+                'BQAAAAJiS0dEAP+Hj8y/AAAAB3RJTUUH',
-                'rgba(0,0,0,0.02) 75%,',
+                '3wwIAAgyL/YaPAAAACJJREFUCFtjfMbO',
-                'rgba(0,0,0,0.02)',
+                'AAQ/gZiFnQPEBAEmGIMIJgtIL8QEgtoA',
-            ') center center / 10px 10px repeat scroll,',
+                'In4D/96X1KAAAAAldEVYdGRhdGU6Y3Jl',
-            'linear-gradient(',
+                'YXRlADIwMTUtMTItMDhUMDA6MDg6NTAr',
-                '90deg,',
+                'MDM6MDAasuuJAAAAJXRFWHRkYXRlOm1v',
-                'rgba(0,0,0,0.02) 25%,',
+                'ZGlmeQAyMDE1LTEyLTA4VDAwOjA4OjUw',
-                'rgba(0,0,0,0.05) 25%,',
+                'KzAzOjAwa+9TNQAAAABJRU5ErkJggg==',
-                'rgba(0,0,0,0.05) 75%,',
+            '") ',
-                'rgba(0,0,0,0.02) 75%,',
+            'repeat scroll #fff'
-                'rgba(0,0,0,0.02)',
-            ') center center / 10px 10px repeat scroll #fff'
         ].join(''),
     placeholderBorder: '1px solid rgba(0, 0, 0, 0.05)',
     placeholderDocument: [