backnotprop · backnotprop · Jun 22, 2026 · Jun 22, 2026 · Jun 22, 2026 · Jun 23, 2026
diff --git a/apps/marketing/public/assets/annotate.webp b/apps/marketing/public/assets/annotate.webp
diff --git a/apps/marketing/public/assets/banner.webp b/apps/marketing/public/assets/banner.webp
diff --git a/apps/marketing/public/assets/html.webp b/apps/marketing/public/assets/html.webp
diff --git a/apps/marketing/public/assets/review.webp b/apps/marketing/public/assets/review.webp
diff --git a/apps/marketing/public/assets/sharing.png b/apps/marketing/public/assets/sharing.png
diff --git a/apps/marketing/public/assets/totman_transparent_sm.png b/apps/marketing/public/assets/totman_transparent_sm.png
diff --git a/apps/marketing/public/assets/workspaces.webp b/apps/marketing/public/assets/workspaces.webp
diff --git a/apps/marketing/public/plannotator.webp b/apps/marketing/public/plannotator.webp
diff --git a/apps/marketing/src/components/Footer.astro b/apps/marketing/src/components/Footer.astro
@@ -35,7 +35,7 @@ const { authors, community } = await getContributors();
 
   <!-- Brand stamp -->
   <div class="flex flex-col items-center gap-3 pt-6 border-t border-border/20 mb-3">
-    <img src="/plannotator.webp" alt="" class="w-10 h-10 object-contain -scale-x-100 opacity-70" />
+    <img src="/assets/totman_transparent_sm.png" alt="" class="w-11 h-11 object-contain opacity-90" />
     <span class="text-xs font-semibold tracking-[-0.03em] text-muted-foreground/70">Plannotator</span>
   </div>
 

diff --git a/apps/marketing/src/layouts/Base.astro b/apps/marketing/src/layouts/Base.astro
@@ -4,21 +4,23 @@ interface Props {
   description?: string;
   ogImage?: string;
   canonicalUrl?: string;
+  themeClass?: string;
 }
 
 const {
   title,
   description = 'Interactive Plan Review: Mark up and refine coding-agent plans in a browser UI, share with your team, and integrate with Claude Code, Codex, OpenCode, and more.',
   ogImage = 'https://plannotator.ai/og-image.webp',
   canonicalUrl,
+  themeClass,
 } = Astro.props;
 
 const canonical = canonicalUrl || Astro.url.href;
 
 import '../styles/global.css';
 ---
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class={themeClass || ''}>
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -54,9 +56,12 @@ import '../styles/global.css';
       (function() {
         var root = document.documentElement;
         // Color theme (palette) — marketing uses whatever the user set in the app
-        var colorMatch = document.cookie.match(/(?:^|; )plannotator-color-theme=([^;]*)/);
-        var colorTheme = colorMatch ? decodeURIComponent(colorMatch[1]) : 'plannotator';
-        root.classList.add('theme-' + colorTheme);
+        var hasTheme = /theme-[\w-]+/.test(root.className);
+        if (!hasTheme) {
+          var colorMatch = document.cookie.match(/(?:^|; )plannotator-color-theme=([^;]*)/);
+          var colorTheme = colorMatch ? decodeURIComponent(colorMatch[1]) : 'plannotator';
+          root.classList.add('theme-' + colorTheme);
+        }
         // Mode (dark/light/system)
         var modeMatch = document.cookie.match(/(?:^|; )plannotator-theme=([^;]*)/);
         var mode = modeMatch ? decodeURIComponent(modeMatch[1]) : 'dark';

diff --git a/apps/marketing/src/pages/index.astro b/apps/marketing/src/pages/index.astro