Allow pages to be exempted from Dark Mode

src/pages/sift/+Page.ts

@@ -1,6 +1,8 @@
 import { Sift } from "@macrostrat-web/sift";
 import h from "@macrostrat/hyper";
 
+export const supportsDarkMode = false;
+
 export function Page() {
   return h(Sift);
 }

src/renderer/+config.h.ts

@@ -1,7 +1,7 @@
 import { Config } from "vike/types";
 
 export default {
-  passToClient: ["pageProps", "urlPathname", "pageStyle"],
+  passToClient: ["pageProps", "urlPathname", "pageStyle", "supportsDarkMode"],
   clientRouting: true,
   hydrationCanBeAborted: true,
 } satisfies Config;

src/renderer/+onRenderClient.ts

@@ -20,7 +20,6 @@ async function render(pageContext: PageContextClient) {
 
   const page = h(PageShell, { pageContext }, h(Page, pageProps));
 
-  console.log("Rendering on client");
   const container = document.getElementById("app-container")!;
 
   // TODO: we might be able to switch to vike-react's internal renderer

src/renderer/+onRenderHtml.ts

@@ -8,13 +8,12 @@ import { PageShell } from "./page-shell";
 import type { PageContextServer } from "./types";
 
 async function render(pageContext: PageContextServer) {
-  const { Page, pageProps, exports } = pageContext;
-  const pageStyle = exports?.pageStyle || "fullscreen";
+  const { Page, pageProps } = pageContext;
   // This render() hook only supports SSR, see https://vike.dev/render-modes for how to modify render() to support SPA
   let pageHtml = "";
   if (Page != null) {
     pageHtml = ReactDOMServer.renderToString(
-      h(PageShell, { pageContext, pageStyle }, h(Page, pageProps))
+      h(PageShell, { pageContext }, h(Page, pageProps))
     );
   }
 

src/renderer/page-shell.ts

@@ -16,19 +16,26 @@ const h = hyper.styled(styles);
 export function PageShell({
   children,
   pageContext,
-  pageStyle = "fullscreen",
 }: {
   children: React.ReactNode;
   pageContext: PageContext;
-  pageStyle?: PageStyle;
+  supportsDarkMode?: boolean;
 }) {
+  const { exports } = pageContext;
+  const supportsDarkMode = exports?.supportsDarkMode || true;
+  const pageStyle = exports?.pageStyle || "fullscreen";
+
   return h(
     PageContextProvider,
     { pageContext },
     h(
-      DarkModeProvider,
+      supportsDarkMode ? DarkModeProvider : NoOpDarkModeProvider,
       { followSystem: true },
       h("div.app-shell", { className: pageStyle + "-page" }, children)
     )
   );
 }
+
+function NoOpDarkModeProvider(props) {
+  return props.children;
+}

src/renderer/types.ts

@@ -21,6 +21,7 @@ export type PageContextCustom = {
   urlPathname: string;
   exports: {
     pageStyle?: PageStyle;
+    supportsDarkMode?: boolean;
     documentProps?: {
       title?: string;
       description?: string;