Merge pull request #116 from TanishBasu2002/main

Changed variables and updated modes

src/app/(dashboard)/dashboard/account/page.tsx

@@ -1,13 +1,13 @@
 import type { Metadata } from "next"
 import { env } from "@/env.mjs"
-
 import { UserProfile } from "@/components/auth/user-profile"
 import {
   PageHeader,
   PageHeaderDescription,
   PageHeaderHeading,
 } from "@/components/page-header"
 import { Shell } from "@/components/shells/shell"
+import {dark} from "@clerk/themes";
 
 export const metadata: Metadata = {
   metadataBase: new URL(env.NEXT_PUBLIC_APP_URL),
@@ -33,7 +33,9 @@ export default function AccountPage() {
         aria-labelledby="user-account-info-heading"
         className="w-full overflow-hidden"
       >
-        <UserProfile />
+        <UserProfile appearance={{
+        baseTheme: dark,
+      }}/>
       </section>
     </Shell>
   )