Multi theme coloring fix

src/components/app/SidebarServers.tsx

@@ -41,7 +41,10 @@ export default function SidebarServers({ app }: { app: App }) {
 
   return (
     <div className="w-16 flex flex-col items-center gap-4 py-4 border-r h-full overflow-y-scroll no-scrollbar">
-      <Button onClick={() => router.push(`/chat`)} className="bg-transparent">
+      <Button
+        onClick={() => router.push(`/chat`)}
+        className="bg-transparent text-foreground"
+      >
         <MessageCircle className="h-6 w-6" />
       </Button>
 

src/components/settings/SettingsDialog.tsx

@@ -29,7 +29,7 @@ export default function SettingsDialog({
         {children ? (
           children
         ) : (
-          <Button className={cn("bg-transparent", className)}>
+          <Button className={cn("bg-transparent text-foreground", className)}>
             <SettingsIcon />
           </Button>
         )}