asdfdas

src/layouts/Base.astro

@@ -11,10 +11,13 @@ interface Props {
   ogImage?: string;
   /** Pages that only make sense as the answer to an action, such as the contact form result. */
   noindex?: boolean;
+  /** The surface the page opens on. 'night' for pages that start on a dark hero, so the header
+      is drawn in its night tone from the first frame instead of switching after load. */
+  tone?: 'paper' | 'night';
 }
 
 const lang: Lang = Astro.props.lang ?? langFromUrl(Astro.url);
-const { title, description, noindex } = Astro.props;
+const { title, description, noindex, tone = 'paper' } = Astro.props;
 const ui = t(lang);
 const fullTitle = title === ui.meta.home.title ? title : `${title}. ${ui.meta.siteName}`;
 const canonical = new URL(Astro.url.pathname, Astro.site);
@@ -48,7 +51,7 @@ const altDe = new URL(switchLang(Astro.url, 'de'), Astro.site);
   </head>
   <body>
     <a class="skip-link" href="#main">{ui.nav.skip}</a>
-    <Header lang={lang} />
+    <Header lang={lang} tone={tone} />
     <main id="main" tabindex="-1">
       <slot />
     </main>