update styles for clerk social buttons

BetrixDev · BetrixDev · commit 388d9902e818 · 2025-03-02T20:54:40.000-05:00
diff --git a/app/routes/__root.tsx b/app/routes/__root.tsx
@@ -99,7 +99,19 @@ export const queryClient = new QueryClient({
 function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
   return (
     <QueryClientProvider client={queryClient}>
-      <ClerkProvider>
+      <ClerkProvider
+        appearance={{
+          elements: {
+            logoImage: "rounded-lg",
+            providerIcon__github: {
+              filter: "brightness(0) invert(1)",
+            },
+            socialButtonsIconButton: "bg-zinc-800",
+            profileSectionPrimaryButton: "text-primary",
+            navbarMobileMenuRow: "bg-zinc-800",
+          },
+        }}
+      >
         <html lang="en" className="dark">
           <head>
             <HeadContent />
