use grey colors for side bar when vibrancy is not applied

rhysd · Oct 30, 2023 · 1adb1b2 · 1adb1b2
1 parent 3158b50
commit 1adb1b2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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;