From 4ac0248bfaeaaf6e06461305ad80636b0baed74c Mon Sep 17 00:00:00 2001
From: Devine Lu Linvega <aliceffekt@gmail.com>
Date: Sat, 18 Aug 2018 09:56:22 +1200
Subject: [PATCH] Implemented background

---
 desktop/sources/scripts/dotgrid.js  | 7 +++----
 desktop/sources/scripts/renderer.js | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/desktop/sources/scripts/dotgrid.js b/desktop/sources/scripts/dotgrid.js
index 00e0980..00f20be 100644
--- a/desktop/sources/scripts/dotgrid.js
+++ b/desktop/sources/scripts/dotgrid.js
@@ -77,7 +77,7 @@ function Dotgrid(width,height,grid_x,grid_y,block_x,block_y)
   {
     console.info("Web Save");
     var win = window.open("", "Save", `toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=480,top=${screen.height-200},left=${screen.width-640}`);
-    win.document.body.innerHTML = `<p>Copy this content into a .grid file, and later drag it over this window to load it again.</p><pre>${content}</pre>`;
+    win.document.body.innerHTML = `<style>body { background:${dotgrid.theme.active.background}; color:${dotgrid.theme.active.f_med}} pre { color:${dotgrid.theme.active.f_high} }</style><p>To save: Copy this into a .grid file.<br />To load: Drag the .grid onto the browser window.</p><pre>${content}</pre>`;
   }
 
   this.render = function(content = this.renderer.to_png({width:dotgrid.tool.settings.size.width*2,height:dotgrid.tool.settings.size.height*2}), ready = null, size = null)
@@ -97,9 +97,8 @@ function Dotgrid(width,height,grid_x,grid_y,block_x,block_y)
 
   this.render_web = function(content,window)
   {
-    console.info("Web Render");
-
     // Handled in Renderer
+    console.info("Web Render");
   }
 
   this.export = function(content = this.renderer.to_svg())
@@ -120,7 +119,7 @@ function Dotgrid(width,height,grid_x,grid_y,block_x,block_y)
   {
     console.info("Web Export");
     var win = window.open("", "Save", `toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=480,top=${screen.height-200},left=${screen.width-640}`);
-    win.document.body.innerHTML = `${dotgrid.renderer.to_svg()}`;
+    win.document.body.innerHTML = `<style>body { background:${dotgrid.theme.active.background}}</style>${dotgrid.renderer.to_svg()}`;
   }
 
   // Basics
diff --git a/desktop/sources/scripts/renderer.js b/desktop/sources/scripts/renderer.js
index 1611fa2..3368b99 100644
--- a/desktop/sources/scripts/renderer.js
+++ b/desktop/sources/scripts/renderer.js
@@ -102,7 +102,7 @@ function Renderer()
 
     img.onload = function(){
       ctx.drawImage(img, 0, 0, size.width*2, size.height*2);
-      win.document.write(`<img width='${size.width/2}' height='${size.height/2}' src='${canvas.toDataURL("image/png")}' alt='from canvas'/>`);
+      win.document.write(`<style>body { background:${dotgrid.theme.active.background}}</style><img width='${size.width/2}' height='${size.height/2}' src='${canvas.toDataURL("image/png")}' alt='from canvas'/>`);
     };
     img.src = image64;
   }