From 303b3d5dd8428766954e6edfe95f5fe317313aea Mon Sep 17 00:00:00 2001
From: Alex J <odyssey346@disroot.org>
Date: Sat, 18 Jun 2022 14:37:23 +0200
Subject: [PATCH] add new button design by midous request

Signed-off-by: Alex J <odyssey346@disroot.org>
---
 src/lib/Nav.svelte | 11 +++++++++--
 src/lib/app.css    |  2 ++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/Nav.svelte b/src/lib/Nav.svelte
index f9ae2e2..032cb3d 100644
--- a/src/lib/Nav.svelte
+++ b/src/lib/Nav.svelte
@@ -37,12 +37,12 @@
     }
 
     .links > * {
-        background-color: var(--accent-primary);
+        background-color: var(--tertiary);
         border: none;
         border-radius: 10px;
         padding: 1rem;
         cursor: pointer;
-        color: var(--secondary);
+        color: var(--text);
         font-family: var(--font-primary);
         text-decoration: none;
     }
@@ -50,6 +50,13 @@
     .links > *:hover {
         background-color: var(--accent-tertiary);
         text-decoration: none;
+        color: var(--secondary);
+    }
+
+    .links > *:active {
+        background-color: var(--accent-primary);
+        text-decoration: none;
+        color: var(--secondary);
     }
 
     img {
diff --git a/src/lib/app.css b/src/lib/app.css
index 1f55f6b..6acbf8a 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -1,11 +1,13 @@
 @font-face {
     font-family: Comfortaa;
     src: url("/Comfortaa.ttf");
+    font-display: swap;
 }
 
 html {
     --primary: #151515;
     --secondary: #252525;
+    --tertiary: #353535;
     --accent-primary: #00d4aa;
     --accent-secondary: #ce1717;
     --text: #fff;