diff --git a/packages/theme/src/baseTheme.ts b/packages/theme/src/baseTheme.ts
index 1f0e01586e..640476c487 100644
--- a/packages/theme/src/baseTheme.ts
+++ b/packages/theme/src/baseTheme.ts
@@ -24,8 +24,6 @@ import {
   SimpleThemeOptions,
 } from './types';
 
-import { pageTheme } from './pageTheme';
-
 const DEFAULT_FONT_FAMILY =
   '"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif';
 
@@ -36,6 +34,7 @@ export function createThemeOptions(
     palette,
     fontFamily = DEFAULT_FONT_FAMILY,
     defaultPageTheme,
+    pageTheme,
   } = options;
 
   if (!pageTheme[defaultPageTheme]) {
diff --git a/packages/theme/src/themes.ts b/packages/theme/src/themes.ts
index 3838ed01cc..2c06f387b8 100644
--- a/packages/theme/src/themes.ts
+++ b/packages/theme/src/themes.ts
@@ -15,6 +15,7 @@
  */
 
 import { createTheme } from './baseTheme';
+import { pageTheme } from './pageTheme';
 import { yellow } from '@material-ui/core/colors';
 
 export const lightTheme = createTheme({
@@ -74,6 +75,7 @@ export const lightTheme = createTheme({
     },
   },
   defaultPageTheme: 'home',
+  pageTheme,
 });
 
 export const darkTheme = createTheme({
@@ -133,4 +135,5 @@ export const darkTheme = createTheme({
     },
   },
   defaultPageTheme: 'home',
+  pageTheme,
 });
diff --git a/packages/theme/src/types.ts b/packages/theme/src/types.ts
index e551208f3f..696ccf586f 100644
--- a/packages/theme/src/types.ts
+++ b/packages/theme/src/types.ts
@@ -94,6 +94,7 @@ export interface BackstageThemeOptions extends ThemeOptions {
 export type SimpleThemeOptions = {
   palette: BackstagePaletteOptions;
   defaultPageTheme: string;
+  pageTheme: Record<string, PageTheme>;
   fontFamily?: string;
 };