Patched /Users/codelion/Documents/GitHub/stack/docs/fern/docs/pages/sdk/stack-theme.mdx

Author: patched.codes[bot]

docs/fern/docs/pages/sdk/stack-theme.mdx

@@ -0,0 +1,44 @@
+---
+title: StackTheme
+---
+
+# StackTheme
+
+A component that applies a theme configuration to its children. It sets up the necessary styles and scripts for theming.
+
+## Parameters
+
+- `theme` (optional): `ThemeConfig` - A configuration object for customizing the theme. It can include `light` and `dark` mode colors, as well as a `radius` property.
+- `children` (optional): `React.ReactNode` - The child components to be wrapped by the theme.
+- `nonce` (optional): `string` - A unique identifier used for script and style security.
+
+## Example
+
+```tsx
+import { StackTheme } from '@stackframe/stack';
+
+function App() {
+  const customTheme = {
+    light: {
+      background: '#ffffff',
+      foreground: '#000000',
+      // ... other color properties
+    },
+    dark: {
+      background: '#000000',
+      foreground: '#ffffff',
+      // ... other color properties
+    },
+    radius: '4px'
+  };
+
+  return (
+    <StackTheme theme={customTheme}>
+      <YourAppComponents />
+    </StackTheme>
+  );
+}
+```    </StackTheme>
+  );
+}
+```