diff --git a/src/common/layout/AppBarSupportItem.tsx b/src/common/layout/AppBarSupportItem.tsx
index 20b70587d..9432915c4 100644
--- a/src/common/layout/AppBarSupportItem.tsx
+++ b/src/common/layout/AppBarSupportItem.tsx
@@ -21,7 +21,7 @@ export function BringTheLove(props: { text: string, link: string, icon?: React.J
   const [loved, setLoved] = React.useState(false);
   const icon = loved ? '❤️' : props.icon ?? null; // '❤️' : '🤍';
   return <Tooltip title={props.text}><Button
-    variant='solid' color='primary' size='md'
+    variant='solid' color='neutral' size='md'
     component={Link} noLinkStyle href={props.link} target='_blank'
     onClick={() => setLoved(true)}
     // endDecorator={icon}
diff --git a/src/common/layout/AppBarSwitcherItem.tsx b/src/common/layout/AppBarSwitcherItem.tsx
index 7f7317b9d..847e1ad93 100644
--- a/src/common/layout/AppBarSwitcherItem.tsx
+++ b/src/common/layout/AppBarSwitcherItem.tsx
@@ -53,7 +53,7 @@ export function AppBarSwitcherItem() {
 
   return (
     <ListItem
-      variant='solid' color='primary'
+      variant='solid' color='neutral'
       sx={{
         '--ListItem-minHeight': '52px',
         gap: 1,
@@ -71,7 +71,7 @@ export function AppBarSwitcherItem() {
         {AppItems.map((app: ContainedAppType) => (
           <Button
             key={'app-' + app}
-            size='sm' variant={app == currentApp ? 'soft' : 'solid'} color={app == currentApp ? 'primary' : 'primary'}
+            size='sm' variant={app == currentApp ? 'soft' : 'solid'} color={app == currentApp ? 'neutral' : 'neutral'}
             onClick={() => switchApp(app)}
           >
             {AppRouteMap[app].name}