From bbe36ee79fc56b6f062af6317c71effe3d94e88a Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Thu, 12 Feb 2026 18:59:48 +1300
Subject: [PATCH] Make it more obvious what tap is selected in settings

---
 materialious/src/lib/components/settings/Settings.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/components/settings/Settings.svelte b/materialious/src/lib/components/settings/Settings.svelte
index 4dac635e..f8bd0a78 100644
--- a/materialious/src/lib/components/settings/Settings.svelte
+++ b/materialious/src/lib/components/settings/Settings.svelte
@@ -133,8 +133,10 @@
 					{#each tabs as tab, index (tab)}
 						<a
 							class:active={isActive(tab.id)}
+							class:surface-container-lowest={isActive(tab.id)}
+							class:surface-container-highest={!isActive(tab.id)}
 							aria-selected={isActive(tab.id)}
-							class="button surface-container-highest"
+							class="button"
 							id={`tab-${tab.id}`}
 							aria-controls={`panel-${tab.id}`}
 							tabindex={isActive(tab.id) ? 0 : -1}