Make it more obvious what tap is selected in settings

2026-02-12 18:59:48 +13:00
parent 82762decc4
commit bbe36ee79f
1 changed files with 3 additions and 1 deletions
@@ -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}