From 5186841067a8cb1399454c3c1198719c3b023bca Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Thu, 31 Mar 2022 19:46:35 -0700
Subject: [PATCH] highlight transparencies

---
 creator/index.php | 7 ++++++-
 js/creator-23.js  | 8 ++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/creator/index.php b/creator/index.php
index 08c891eb..f8c657c9 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -185,10 +185,15 @@ include('../globalHTML/header-1.php');
 						</div>
 						<div class='readable-background padding'>
 							<h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
-							<label class='checkbox-container input'>Guidelines
+							<label class='checkbox-container input margin-bottom'>Guidelines
 								<input id='show-guidelines' type='checkbox' onchange='drawCard();'>
 								<span class='checkmark'></span>
 							</label>
+							<h5 class='input-description margin-bottom'>Highlight transparencies in card</h5>
+							<label class='checkbox-container input'>Transparencies
+								<input id='highlight-transparencies' type='checkbox' onchange='toggleCardBackgroundColor(this.checked);'>
+								<span class='checkmark'></span>
+							</label>
 						</div>
 					</div>
 					<div id='creator-menu-text' class='hidden'>
diff --git a/js/creator-23.js b/js/creator-23.js
index 02118bfc..b831a6ed 100644
--- a/js/creator-23.js
+++ b/js/creator-23.js
@@ -2151,6 +2151,14 @@ function drawNewGuidelines() {
 	//draw to card
 	drawCard();
 }
+//HIGHLIGHT TRANSPARENCIES
+function toggleCardBackgroundColor(highlight) {
+	if (highlight) {
+		previewCanvas.style["background-color"] = "#ff007fff";
+	} else {
+		previewCanvas.style["background-color"] = "#0000";
+	}
+}
 //Various loaders
 function imageURL(url, destination, otherParams) {
 	var imageurl = url;