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

nfebe · susnux · commit 3eb717eb1622 · 2026-05-12T12:32:07.000+02: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
@@ -47,8 +47,4 @@ const href = computed(() => generateUrl('/settings/{type}/{section}', {
 	object-fit: contain;
 	filter: var(--background-invert-if-dark);
 }
-
-:global(.active) .settingsNavigationItem__icon {
-	filter: var(--primary-invert-if-dark);
-}
 </style>

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