From 084805fa611f5102d769ba86538911a34e2383b2 Mon Sep 17 00:00:00 2001
From: Sangelo <contact@sangelo.space>
Date: Fri, 30 Jun 2023 15:33:23 +0200
Subject: [PATCH] Menu Bar Overhaul

---
 src/routes/Header.svelte | 40 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index 10ebe7e..b73f698 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -15,6 +15,9 @@
 			<li>
 				<a href="/" class="contrast {$page.url.pathname === '/' ? 'current-page' : undefined}">Home</a>
 			</li>
+      <li>
+				<a href="/modlist" class="contrast {$page.url.pathname === '/modlist' ? 'current-page' : undefined}">Modlist</a>
+			</li>
 			<li>
 				<a href="/downloads" class="contrast {$page.url.pathname === '/downloads' ? 'current-page' : undefined}">Download</a>
 			</li>
@@ -29,6 +32,7 @@
 </div>
 <hr class="separator" />
 
+
 <style>
 .header {
   display: flex;
@@ -106,19 +110,45 @@
   font-weight: 600;
 }
 
+.navigation-bar a.current-page::after {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 4px;
+  background-color: #000;
+  border-radius: 2px;
+  margin-top: 4px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 [data-theme="dark"] .navigation-bar a.current-page {
   font-weight: 500;
 }
 
-.navigation-bar a:hover {
-  font-style: italic;
-  font-weight: 300;
+[data-theme="dark"] .navigation-bar a.current-page::after {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 4px;
+  background-color: #fff;
+  border-radius: 2px;
+  margin-top: 4px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-[data-theme="dark"] .navigation-bar a:hover {
+
+
+/* .navigation-bar a:hover {
+  font-style: italic;
+  font-weight: 300; 
+} */
+
+/* [data-theme="dark"] .navigation-bar a:hover {
   font-style: italic;
   font-weight: 200;
-}
+} */
 
 .link {
   text-decoration: none;