diff --git a/frontend/src/pages/admin/SettingsPage.tsx b/frontend/src/pages/admin/SettingsPage.tsx index e9057b2e..ffb4b66e 100644 --- a/frontend/src/pages/admin/SettingsPage.tsx +++ b/frontend/src/pages/admin/SettingsPage.tsx @@ -296,10 +296,14 @@ export const SettingsPage: React.FC = () => { : 'text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800' }`} > + {/* Active-state icon paints white to sit on the + accent-dark pill (matches the label colour + and avoids the accent-on-accent low-contrast + that the prior `text-accent` produced). */} @@ -318,7 +322,11 @@ export const SettingsPage: React.FC = () => { {showSectionHeading && (
- + {/* Section heading icon stays neutral so the Settings + chrome reads as one consistent palette — no stray + accent flecks. The active sidebar pill is the only + place that uses the accent fill. */} +

{activeItem.label}