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

@@ -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) */

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 */
+    	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>

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>