From e026c249752d881266c0f74d6e5b322551167ec6 Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Sun, 12 Nov 2023 15:36:08 -0700
Subject: [PATCH] Adjust tint and shade behaviors and rearrange input and
 canvas

---
 index.html | 5 +++--
 script.js  | 9 +++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 790432b..59b821e 100644
--- a/index.html
+++ b/index.html
@@ -34,8 +34,6 @@
             </div>
         </div>
         
-        <div class="container"></div>
-
         <div class="grid-input">
             <h3 class="tool-labels">Grid Tools</h3>
             <div class="grid-tools">
@@ -62,6 +60,9 @@
                 </div>
             </div>
         </div>
+
+        <div class="container"></div>
+
     </main>
 
     <footer>
diff --git a/script.js b/script.js
index 94828db..324ae4b 100644
--- a/script.js
+++ b/script.js
@@ -230,7 +230,12 @@ function randomizeColor() {
 
 
 function tintColor(value) {
+    if (!value) {
+        value = container.style.backgroundColor
+    }
+
     let num = value.match(/\d+/g);
+
     r = +num[0] + (0.25 * (255 - +num[0]));
     g = +num[1] + (0.25 * (255 - +num[1]));
     b = +num[2] + (0.25 * (255 - +num[2]));
@@ -240,6 +245,10 @@ function tintColor(value) {
 
 
 function shadeColor(value) {
+    if (!value) {
+        value = container.style.backgroundColor
+    }
+    
     let num = value.match(/\d+/g);
     r = +num[0] * .75;
     g = +num[1] * .75;