diff --git a/apps/docs/app/trees-dev/themes/Swatches.tsx b/apps/docs/app/theme/gallery/Swatches.tsx
similarity index 100%
rename from apps/docs/app/trees-dev/themes/Swatches.tsx
rename to apps/docs/app/theme/gallery/Swatches.tsx
diff --git a/apps/docs/app/trees-dev/themes/ThemesGridClient.tsx b/apps/docs/app/theme/gallery/ThemesGridClient.tsx
similarity index 100%
rename from apps/docs/app/trees-dev/themes/ThemesGridClient.tsx
rename to apps/docs/app/theme/gallery/ThemesGridClient.tsx
diff --git a/apps/docs/app/trees-dev/themes/constants.ts b/apps/docs/app/theme/gallery/constants.ts
similarity index 100%
rename from apps/docs/app/trees-dev/themes/constants.ts
rename to apps/docs/app/theme/gallery/constants.ts
diff --git a/apps/docs/app/trees-dev/themes/page.tsx b/apps/docs/app/theme/gallery/page.tsx
similarity index 95%
rename from apps/docs/app/trees-dev/themes/page.tsx
rename to apps/docs/app/theme/gallery/page.tsx
index 48576fd15..32fa11d80 100644
--- a/apps/docs/app/trees-dev/themes/page.tsx
+++ b/apps/docs/app/theme/gallery/page.tsx
@@ -1,6 +1,5 @@
 import { parseDiffFromFile, resolveTheme } from '@pierre/diffs';
 import { themeToTreeStyles } from '@pierre/trees';
-import { notFound } from 'next/navigation';
 import { Suspense } from 'react';
 
 import { ThemesGridClient } from './ThemesGridClient';
@@ -164,11 +163,7 @@ const THEMES = [
   'min-dark',
 ] as const;
 
-export default async function TreesThemesPage() {
-  if (process.env.NODE_ENV !== 'development') {
-    return notFound();
-  }
-
+export default async function ThemeGalleryPage() {
   const resolvedThemes = await Promise.all(
     THEMES.map(async (themeName) => {
       try {
diff --git a/apps/docs/app/trees-dev/themes/useTreeStatePreview.ts b/apps/docs/app/theme/gallery/useTreeStatePreview.ts
similarity index 100%
rename from apps/docs/app/trees-dev/themes/useTreeStatePreview.ts
rename to apps/docs/app/theme/gallery/useTreeStatePreview.ts