Index: lams_central/conf/scss/_lams_variables.scss
===================================================================
diff -u -r9946788a0f2d89cd298e289eddbf59d3b38ba197 -r18448ae0a8003d82f840fc3f20af8a0b5d197ba1
--- lams_central/conf/scss/_lams_variables.scss	(.../_lams_variables.scss)	(revision 9946788a0f2d89cd298e289eddbf59d3b38ba197)
+++ lams_central/conf/scss/_lams_variables.scss	(.../_lams_variables.scss)	(revision 18448ae0a8003d82f840fc3f20af8a0b5d197ba1)
@@ -97,4 +97,11 @@
 $portrait-color-5:#0074D9;
 $portrait-color-6:#FF4136;
 
+// Canvas background svg:
+// <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'>
+//  <rect width='20' height='20' fill='#fefefe'/>
+//  <rect x='10' y='10' width='1.5' height='1.5' fill='#b6b6b6'/>
+// </svg>
+// this has to be url encoded and added to the background below
+$canvas-dot-background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%3E%0D%0A%20%20%3Crect%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27%23fefefe%27%2F%3E%0D%0A%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%271.5%27%20height%3D%271.5%27%20fill%3D%27%23b6b6b6%27%2F%3E%0D%0A%3C%2Fsvg%3E");
 
Index: lams_central/conf/scss/_lams_variables_purple.scss
===================================================================
diff -u -r9946788a0f2d89cd298e289eddbf59d3b38ba197 -r18448ae0a8003d82f840fc3f20af8a0b5d197ba1
--- lams_central/conf/scss/_lams_variables_purple.scss	(.../_lams_variables_purple.scss)	(revision 9946788a0f2d89cd298e289eddbf59d3b38ba197)
+++ lams_central/conf/scss/_lams_variables_purple.scss	(.../_lams_variables_purple.scss)	(revision 18448ae0a8003d82f840fc3f20af8a0b5d197ba1)
@@ -108,3 +108,12 @@
 $portrait-color-4:#3D9970;
 $portrait-color-5:#0074D9;
 $portrait-color-6:#FF4136;
+
+// Canvas background svg:
+// <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'>
+//  <rect width='20' height='20' fill='#fefefe'/>
+//  <rect x='10' y='10' width='1.5' height='1.5' fill='#b6b6b6'/>
+// </svg>
+// this has to be url encoded and added to the background below
+$canvas-dot-background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%3E%0D%0A%20%20%3Crect%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27%23fefefe%27%2F%3E%0D%0A%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%271.5%27%20height%3D%271.5%27%20fill%3D%27%23b6b6b6%27%2F%3E%0D%0A%3C%2Fsvg%3E");
+
Index: lams_central/web/css/_authoring_base.scss
===================================================================
diff -u -r33e3aab2c3abce336a4fcc88166e77cdd9b55ab7 -r18448ae0a8003d82f840fc3f20af8a0b5d197ba1
--- lams_central/web/css/_authoring_base.scss	(.../_authoring_base.scss)	(revision 33e3aab2c3abce336a4fcc88166e77cdd9b55ab7)
+++ lams_central/web/css/_authoring_base.scss	(.../_authoring_base.scss)	(revision 18448ae0a8003d82f840fc3f20af8a0b5d197ba1)
@@ -520,20 +520,13 @@
 	width: 99%;
 } 
 
-/* Canvas background svg:
- * <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'>
- *  <rect width='20' height='20' fill='#fefefe'/>
- *  <rect x='10' y='10' width='1.5' height='1.5' fill='#e4e4e4'/>
- * </svg>
- * this has to be url encoded and added to the background below
-*/
-
 #canvas {
 	overflow: auto;
 	vertical-align: top;
-    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%3E%0D%0A%20%20%3Crect%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27%23fefefe%27%2F%3E%0D%0A%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%271.5%27%20height%3D%271.5%27%20fill%3D%27%23e4e4e4%27%2F%3E%0D%0A%3C%2Fsvg%3E");
+    background: $canvas-dot-background;
 }
 
+
 /**** Template styles */
 #templateErrorMessages {
     line-height: 200%;
Index: lams_central/web/css/_chart_base.scss
===================================================================
diff -u -r4583983b64efe1d91fbb47cdde6a759a6a30e859 -r18448ae0a8003d82f840fc3f20af8a0b5d197ba1
--- lams_central/web/css/_chart_base.scss	(.../_chart_base.scss)	(revision 4583983b64efe1d91fbb47cdde6a759a6a30e859)
+++ lams_central/web/css/_chart_base.scss	(.../_chart_base.scss)	(revision 18448ae0a8003d82f840fc3f20af8a0b5d197ba1)
@@ -43,3 +43,7 @@
 	width: 95%;
 	height: 500px;
 }
+
+.markChartDiv svg{
+    background: $canvas-dot-background;
+}
\ No newline at end of file