From 2eefd5dab8b9252afe7ddaccf2af33b70e353cfc Mon Sep 17 00:00:00 2001
From: Kyle Gunger <corechg@gmail.com>
Date: Sat, 22 Sep 2018 20:12:18 -0400
Subject: Changed visuals ~ Tweaked visual colors for better perception + When
 the "Mines" value is changed, the "Difficulty" selector goes to the "Custom"
 value

---
 index.html |  4 ++++
 mines.css  | 22 +++++++++++-----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 1ceeedb..5af805a 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,10 @@
 			var mIn = document.getElementById("m");
 			var dIn = document.getElementById("d");
 			var game = new Board();
+			
+			mIn.addEventListener("change", function(){
+				if(dIn.value !== "0") dIn.value = "0";
+			});
 		</script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/mines.css b/mines.css
index eb3ff36..ef57f96 100644
--- a/mines.css
+++ b/mines.css
@@ -22,7 +22,7 @@ div.game{
 input, select{
 	padding: 5px;
 	margin: 5px;
-	background-color: #eee;
+	background-color: #ddd;
 	border: none;
 	border-radius: 5px;
 	transition-duration: 0.2s;
@@ -33,34 +33,34 @@ input, select{
 }
 
 input:hover, select:hover{
-	background-color: #ccc;
+	background-color: #bbb;
 }
 
 input:focus, select:focus{
-	background-color: #cef;
+	background-color: #bdf;
 	border: none;
 }
 
 input:active, select:active{
-	background-color: #cef;
+	background-color: #bdf;
 	border: none;
 }
 
 button{
 	padding: 5px;
 	margin: 5px;
-	background-color: #eee;
+	background-color: #ddd;
 	border: none;
 	border-radius: 5px;
 	transition-duration: 0.2s;
 }
 
 button:hover{
-	background-color: #ccc;
+	background-color: #bbb;
 }
 
 button:active{
-	background-color: #cef;
+	background-color: #bdf;
 	border: none;
 }
 
@@ -69,7 +69,7 @@ h1{
 	
 	display: inline;
 	
-	background-color: #eee;
+	background-color: #ddd;
 	
 	border-radius: 50px;
 }
@@ -98,7 +98,7 @@ td{
 	margin: 5px;
 	padding: 2px;
 	
-	background-color: #bbb;
+	background-color: #aaa;
 	
 	box-sizing: border-box;
 	
@@ -110,7 +110,7 @@ td{
 }
 
 td.wt:hover{
-	background-color: #777;
+	background-color: #ccc;
 }
 
 td.wt:active{
@@ -118,7 +118,7 @@ td.wt:active{
 }
 
 td.chkd{
-	background-color: #888;
+	background-color: #777;
 }
 
 /* Main button */
-- 
cgit v1.2.3