fix(settings): Limit active-icon inversion to legacy nav design

nfebe · nfebe · commit f8cb1eaf7993 · 2026-05-08T15:09:48.000+01:00
On the new tinted active background the inversion flips icons to
white on a light surface. Now scoped to the legacy design only.

Signed-off-by: nfebe &lt;fenn25.fn@gmail.com&gt;
diff --git a/apps/settings/src/components/SettingsNavigationItem.vue b/apps/settings/src/components/SettingsNavigationItem.vue
@@ -48,7 +48,7 @@ const href = computed(() => generateUrl('/settings/{type}/{section}', {
 	filter: var(--background-invert-if-dark);
 }
 
-:global(.active) .settingsNavigationItem__icon {
+:global(.app-navigation-entry--legacy.active) .settingsNavigationItem__icon {
 	filter: var(--primary-invert-if-dark);
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ const href = computed(() => generateUrl('/settings/{type}/{section}', {`
`48`	`48`	`filter: var(--background-invert-if-dark);`
`49`	`49`	`}`
`50`	`50`
`51`		`-:global(.active) .settingsNavigationItem__icon {`
	`51`	`+:global(.app-navigation-entry--legacy.active) .settingsNavigationItem__icon {`
`52`	`52`	`filter: var(--primary-invert-if-dark);`
`53`	`53`	`}`
`54`	`54`	`</style>`