From f2b934fee897f93c0f1ba6974af308f6e0669d85 Mon Sep 17 00:00:00 2001
From: Jacob McDonnell <jacob@simplelittledream.com>
Date: Fri, 27 May 2022 00:43:07 -0400
Subject: Reordered Main page and changed color var names

---
 CSS/main.css | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

(limited to 'CSS')

diff --git a/CSS/main.css b/CSS/main.css
index d05edd9..488cc9a 100644
--- a/CSS/main.css
+++ b/CSS/main.css
@@ -6,34 +6,34 @@
 	* Secondary color: #0b3075
 	*/
 :root {
-	--main-bg-color: #eaefef;
-	--code-bg-color: #d4d9d9;
-	--main-color: #00558e;
-	--second-color: #0b3075;
+	--color-1: #eaefef;
+	--color-2: #d4d9d9;
+	--color-3: #00558e;
+	--color-4: #0b3075;
 	}
 body{
-	background-color:var(--main-bg-color);
-	color:var(--main-color);
+	background-color:var(--color-1);
+	color:var(--color-3);
 }
 a{
-	color: var(--main-color);
+	color: var(--color-3);
 }
 ul.topBar{
-	background-color:var(--main-color);
+	background-color:var(--color-3);
 }
 li.topLink a{
-	color:var(--main-bg-color);
+	color:var(--color-1);
 }
 li.topLink a:hover{
-	background-color:var(--second-color);
+	background-color:var(--color-4);
 }
 .search{
-	color:var(--main-color);
-	background-color:var(--main-bg-color);
-	border-color:var(--main-color);
+	color:var(--color-3);
+	background-color:var(--color-1);
+	border-color:var(--color-3);
 }
 pre code {
-	background-color: var(--code-bg-color);
+	background-color: var(--color-2);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -45,35 +45,35 @@ pre code {
 	 * Secondary color: #0b3075
 	 */
 	:root {
-		--main-bg-color: #0D1F22;
-		--code-bg-color: #081417;
-		--main-color: #00558e;
-		--second-color: #0b3075;
+		--color-1: #0D1F22;
+		--color-2: #081417;
+		--color-3: #00558e;
+		--color-4: #0b3075;
 		--text-color: #eaefef;
 	}
 	body{
-		background-color:var(--main-bg-color);
+		background-color:var(--color-1);
 		color:var(--text-color);
 	}
 	a{
 		color: var(--text-color);
 	}
 	ul.topBar{
-		background-color:var(--main-color);
+		background-color:var(--color-3);
 	}
 	li.topLink a{
 		color:var(--text-color);
 	}
 	li.topLink a:hover{
-		background-color:var(--second-color);
+		background-color:var(--color-4);
 	}
 	.search{
-		color:var(--main-color);
+		color:var(--color-3);
 		background-color:var(--text-color);
-		border-color:var(--main-color);
+		border-color:var(--color-3);
 	}
 	pre code {
-		background-color: var(--code-bg-color);
+		background-color: var(--color-2);
 	}
 }
 /* Common CSS styling */
-- 
cgit v1.2.3