From df26504e41e237fe83047b08b7f34d7207f6dac4 Mon Sep 17 00:00:00 2001
From: Praful Bhawsar <prtsh32@gmail.com>
Date: Wed, 28 Aug 2024 09:50:27 -0400
Subject: [PATCH] Overlay color changed

---
 index.html | 2 +-
 index.js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e4b10b8..7808069 100644
--- a/index.html
+++ b/index.html
@@ -177,7 +177,7 @@ <h2 class="text-xl text-gray-800 sm:truncate sm:text-xl sm:tracking-wide w-max s
                     </span>
                 </div>
                 <div id="viewer" class="w-full">
-                    <img id="tileImg" class="block outline-dashed outline-lime-400 place-self-end"
+                    <img id="tileImg" class="block outline-dashed outline-lime-500 place-self-end"
                         crossorigin="anonymous"></img>
                     <span class="text-sm italic text-gray-800">(Try moving the green box on the left to view a different patch.)</span>
                 </div>
diff --git a/index.js b/index.js
index 2b27103..df14f71 100644
--- a/index.js
+++ b/index.js
@@ -425,7 +425,7 @@ $.loadTileOverlay = ({ tileX, tileY, tileWidth, tileHeight, tileResolution }, ov
             const createOverlay = () => {
                 const tileOverlay = document.createElement("div")
                 tileOverlay.id = "tileOverlay"
-                tileOverlay.className = "border border-2 border-dashed border-lime-400 cursor-grab shadow-2xl"
+                tileOverlay.className = "border border-2 border-dashed border-lime-500 cursor-grab shadow-2xl"
                 
                 Object.entries(cleanedTileParams).forEach(([key, val]) => {
                     tileOverlay.setAttribute(`data-${key}`, val)