diff --git a/website/.yarn/install-state.gz b/website/.yarn/install-state.gz
new file mode 100644
index 000000000..888bffd0c
Binary files /dev/null and b/website/.yarn/install-state.gz differ
diff --git a/website/package.json b/website/package.json
index 5966318fb..0dfb7ff60 100644
--- a/website/package.json
+++ b/website/package.json
@@ -8,6 +8,7 @@
     "preview": "rspress preview"
   },
   "dependencies": {
+    "@callstack/rspress-theme": "^0.1.3",
     "rsbuild-plugin-open-graph": "^1.0.0",
     "rspress": "1.20.1",
     "rspress-plugin-font-open-sans": "^1.0.0",
diff --git a/website/rspress.config.ts b/website/rspress.config.ts
index 76b6ce81a..428eb96b7 100644
--- a/website/rspress.config.ts
+++ b/website/rspress.config.ts
@@ -3,6 +3,7 @@ import { defineConfig } from 'rspress/config';
 import { pluginFontOpenSans } from 'rspress-plugin-font-open-sans';
 import vercelAnalytics from 'rspress-plugin-vercel-analytics';
 import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
+import callstackTheme from '@callstack/rspress-theme';
 
 export default defineConfig({
   root: 'docs',
@@ -27,6 +28,7 @@ export default defineConfig({
   search: {
     versioned: true,
   },
+  theme: callstackTheme,
   themeConfig: {
     enableContentAnimation: true,
     enableScrollToTop: true,
diff --git a/website/theme/index.tsx b/website/theme/index.tsx
deleted file mode 100644
index 9bcf1d1db..000000000
--- a/website/theme/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import Theme, {
-  Link,
-  PrevNextPage,
-  getCustomMDXComponent,
-} from 'rspress/theme';
-
-const Layout = () => <Theme.Layout />;
-
-export default {
-  ...Theme,
-  Layout,
-};
-
-const { code: Code, pre: Pre } = getCustomMDXComponent();
-
-/* expose internal CodeBlock component */
-export const CodeBlock = ({ children, language, title }) => {
-  return (
-    <Pre>
-      <Code
-        className={`language-${language}`}
-        meta={title ? `title="${title}"` : undefined}
-      >
-        {children}
-      </Code>
-    </Pre>
-  );
-};
-
-const CustomLink = (props) => (
-  <Link {...props} className={props.className + ' rspress-link'} />
-);
-
-/* omit rendering for edge cases */
-const CustomPrevNextPage = (props) => {
-  if (!props.text) return null;
-  return <PrevNextPage {...props} />;
-};
-
-export { CustomLink as Link };
-export { CustomPrevNextPage as PrevNextPage };
-
-export * from 'rspress/theme';
diff --git a/website/yarn.lock b/website/yarn.lock
index 4e65ae8bb..22f0df797 100644
--- a/website/yarn.lock
+++ b/website/yarn.lock
@@ -14,6 +14,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@callstack/rspress-theme@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "@callstack/rspress-theme@npm:0.1.3"
+  peerDependencies:
+    react: ^19.0.0
+  bin:
+    rspress-theme: cli.cjs
+  checksum: 10c0/9a726c51294635a674a8a22727f196646271c208237aca1f9292ef327eea2699fb93db4a8a4e1e58029b45e4fa130e86faa562dc9ed17b19ec36874179afa03c
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -5042,6 +5053,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "website@workspace:."
   dependencies:
+    "@callstack/rspress-theme": "npm:^0.1.3"
     "@types/node": "npm:^18"
     "@types/react": "npm:^18.2.64"
     rsbuild-plugin-open-graph: "npm:^1.0.0"