diff --git a/v2/web/components/Preview.tsx b/v2/web/components/Preview.tsx
index dd09f49..a929888 100644
--- a/v2/web/components/Preview.tsx
+++ b/v2/web/components/Preview.tsx
@@ -34,7 +34,7 @@ export interface Props {
 }
 
 export const Preview: React.FC<Props> = ({ tree, headings, path, dispatch }) => {
-    const { titleBar, vibrant, borderTop } = useContext(ConfigContext);
+    const { titleBar, vibrant, borderTop, theme } = useContext(ConfigContext);
 
     if (tree.root === null) {
         return <></>;
@@ -48,7 +48,7 @@ export const Preview: React.FC<Props> = ({ tree, headings, path, dispatch }) =>
         boxSizing?: string;
     } = {};
     if (!vibrant) {
-        sx.bgcolor = 'background.paper';
+        sx.bgcolor = theme === 'light' ? 'grey.100' : 'grey.900';
     }
     if (borderTop) {
         sx.borderTop = 1;