From 1ff8d02a866fdbed364dcc14a5a059d085f46594 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Sat, 12 Jul 2025 23:24:26 +0200
Subject: [PATCH] style: add hover colour to setting menu

---
 layouts/client.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/client.vue b/layouts/client.vue
index ddd4150..7880588 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -20,7 +20,7 @@
 					</NuxtLink>
 				</div>
 				<NuxtLink id="settings-menu" href="/settings">
-					<Icon name="lucide:settings" class="sidebar-icon" style="background-color: var(--primary-color)" alt="Settings menu" />
+					<Icon name="lucide:settings" class="sidebar-icon" alt="Settings menu" />
 				</NuxtLink>
 			</div>
 			<slot />
@@ -122,6 +122,12 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
 #settings-menu {
 	position: absolute;
 	bottom: .25em;
+
+	background-color: var(--primary-color)
+}
+
+#settings-menu {
+	background-color: var(--primary-highlighted-color)
 }
 
 </style>
\ No newline at end of file