From 9559c5d7c444eceb9674fe448ba4653107e550e8 Mon Sep 17 00:00:00 2001 From: Michael Ramos Date: Fri, 22 May 2026 15:27:39 -0700 Subject: [PATCH] Pin light theme inside .ws-force-light on /workspaces/ The earlier force-light approach (adding the `.light` class to from a head script) gets undone the moment the React ModeToggleIsland hydrates: its mount effect always calls `classList.remove('light')` before re-applying based on the saved cookie. If the visitor's saved theme is dark, the page flashes light then flips to dark. Inline the light theme tokens inside `.ws-force-light` instead. The toggle component can still flip the global `.light` class on/off, but the workspaces page's tokens are pinned at the wrapper scope and unaffected. Result: deterministic light mode regardless of the visitor's saved preference. Generated with [Devin](https://cli.devin.ai/docs) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com> --- .../src/pages/workspaces/index.astro | 42 +++++++++++++++---- 1 file changed, 35 insertions(+), 7 deletions(-) diff --git a/apps/marketing/src/pages/workspaces/index.astro b/apps/marketing/src/pages/workspaces/index.astro index 17385130..5282f5a5 100644 --- a/apps/marketing/src/pages/workspaces/index.astro +++ b/apps/marketing/src/pages/workspaces/index.astro @@ -26,15 +26,43 @@ const teamSizes = [ description="Plannotator Workspaces is the hosted team layer for collaborating on agent plans, specs, code reviews, and verification standards. Plannotator core stays free and open source." > - - + + -
+