From ff5a3da14b168197d100e4e87dbb6ab39499816e Mon Sep 17 00:00:00 2001
From: LogolicusZ <adjordbra@gmail.com>
Date: Tue, 2 Apr 2024 20:58:02 +0200
Subject: [PATCH] Styling tweaks - changed the page colors from EC colors to
 Logolicusz colors - Cleaned up CSS mainpage - Added none select to multiple
 items

---
 src/app.scss             | 18 ++++++++++--------
 src/routes/+page.svelte  | 18 +++++++++++-------
 src/routes/Header.svelte |  2 ++
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index eef634b..a79e5dc 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -15,8 +15,8 @@ h1, h2, h3, h4, h5, h6, body {
 [data-theme="light"],
 :root:not([data-theme="dark"]) {
   --primary: #7B41F5;
-  --primary-hover: #7B41F5;
-  --primary-focus: rgba(67, 160, 71, 0.125);
+  --primary-hover: #5d30bc;
+  --primary-focus: rgba(99, 54, 197, 0.250);
   --primary-inverse: #FFF;
   background-color: #FEFCED;
 }
@@ -25,20 +25,22 @@ h1, h2, h3, h4, h5, h6, body {
 /* Automatically enabled if user has Dark mode enabled */
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
-    --primary: #43a047;
-    --primary-hover: #4caf50;
-    --primary-focus: rgba(67, 160, 71, 0.25);
+    --primary: #C0FE1F;
+    --primary-hover: #81ab15;
+    --primary-focus: rgba(192, 254, 31,0.250);
     --primary-inverse: #FFF;
+    background-color: #191816;
   }
 }
  
 /* Green Dark scheme (Forced) */
 /* Enabled if forced with data-theme="dark" */
 [data-theme="dark"] {
-  --primary: #43a047;
-  --primary-hover: #4caf50;
-  --primary-focus: rgba(67, 160, 71, 0.25);
+  --primary: #C0FE1F;
+  --primary-hover: #81ab15;
+  --primary-focus: rgba(192, 254, 31,0.250);
   --primary-inverse: #FFF;
+  background-color: #191816;
 }
 
 /* Green (Common styles) */
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e29e3f9..d22c618 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -31,9 +31,11 @@
 <style>
 	a.banner {
 		display: flex;
-    justify-content: center; /* Horizontally centers the image */
-    align-items: center; /* Vertically centers the image */
-    height: auto;
+    	justify-content: center;
+    	align-items: center; 
+    	height: auto;
+		user-select: none;
+
 	}
 	a.banner img {
 		border-radius: 1em;
@@ -48,9 +50,11 @@
 	  	box-shadow: 0px 0px 16px rgba(32, 32, 32, 0.4);
 	  	cursor: pointer;
 	}
-	.buttons {
-		margin-left: 25%;
-		margin-right: 25%;
-		margin-bottom: 2em;
+
+	.text-column{
+		text-align: center;
+	}
+	.text-column h1{
+		font-size: 3em;
 	}
 </style>
\ No newline at end of file
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index b1c1094..9657d6b 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -76,6 +76,7 @@
   margin-left: auto;
   margin-right: 2.5%;
   padding: 0;
+  user-select: none;
 }
 
 .navigation-bar li {
@@ -139,6 +140,7 @@
   text-decoration: none;
   /* transition: font-style; */
   margin-left: 2.5%;
+  user-select: none;
 }
 
 </style>
\ No newline at end of file