From d31e9e9e25fbade8166dac6ff8a70595f67ea608 Mon Sep 17 00:00:00 2001
From: Mary Kate Fain <mk@marykatefain.com>
Date: Wed, 25 Feb 2026 18:10:24 -0600
Subject: [PATCH] Fix profile theme coverage: full-width background layer,
 ensure text colors inherit through scoped theme

---
 src/components/MainLayout.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx
index feaed570..db6cf031 100644
--- a/src/components/MainLayout.tsx
+++ b/src/components/MainLayout.tsx
@@ -116,7 +116,12 @@ function MainLayoutInner() {
 function ScopedThemeColumns({ tokens, children }: { tokens?: import('@/themes').ThemeTokens; children: React.ReactNode }) {
   if (!tokens) return <>{children}</>;
   return (
-    <ScopedTheme tokens={tokens} className="contents bg-background">
+    <ScopedTheme tokens={tokens} className="contents">
+      {/* Full-width background layer that extends beyond the columns */}
+      <div
+        className="fixed inset-0 sidebar:left-[280px] -z-10 bg-background pointer-events-none"
+        aria-hidden
+      />
       {children}
     </ScopedTheme>
   );