[TOOL-5021] SDK: Fix theme in ConnectButton Details Modal Buy screen (thirdweb-dev#7589)

Author: MananTank

.changeset/ten-places-feel.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix theme in ConnectButton Details Modal Buy screen

packages/thirdweb/src/react/web/ui/ConnectWallet/Details.tsx

@@ -978,6 +978,11 @@ export function DetailsModal(props: {
         onCancel={() => setScreen("main")}
         onSuccess={() => setScreen("main")}
         supportedTokens={props.supportedTokens}
+        theme={props.theme}
+        style={{
+          border: "none",
+          borderRadius: radius.lg,
+        }}
         tokenAddress={
           props.displayBalanceToken?.[Number(requestedChainId)] as
             | `0x${string}`

packages/thirdweb/src/stories/ConnectButton/themes.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
+import { darkTheme } from "../../react/core/design-system/index.js";
 import { ConnectButton } from "../../react/web/ui/ConnectWallet/ConnectButton.js";
 import { storyClient } from "../utils.js";
 
@@ -27,4 +28,14 @@ export const Light: Story = {
   },
 };
 
+export const CustomBlack: Story = {
+  args: {
+    theme: darkTheme({
+      colors: {
+        modalBg: "black",
+      },
+    }),
+  },
+};
+
 export default meta;