From 46ae0e120cafec6555313372bf2e7cc3fa32dfa9 Mon Sep 17 00:00:00 2001 From: Employee 427 Date: Tue, 21 Apr 2026 23:27:10 +0000 Subject: [PATCH] fix: make intro/onboarding screens respect selected theme The onboarding welcome + steps (and other FullScreenLayout-wrapped screens) rendered in light appearance regardless of the user's selected theme. - Drop the hardcoded `class=\"dark\"` on and stale `bg-dark-bg text-dark-text` classes on in `apps/code/index.html`, and replace them with a pre-paint inline script that reads the persisted theme from `localStorage` and toggles `.dark` on before first paint. This prevents a flash of the wrong theme and lets themeStore keep the class in sync after hydration via `syncDarkClass`. - Remove `.radix-themes` from the light-side `--color-background` selector in `globals.css` so Radix Theme wrappers derive the background from their own appearance, not from the bare `.radix-themes` class that matches every wrapper (including dark ones). Refresh the adjacent Lemon-button comment that referenced the former \"always-light\" assumption. - Align `FullScreenLayout`'s inner props with the outer `ThemeWrapper` (`grayColor=\"slate\"`, `panelBackground=\"solid\"`, `scaling=\"105%\"`) so the nested Theme doesn't silently diverge from the app's main appearance. Generated-By: PostHog Code Task-Id: f813985c-b866-4b44-88f6-7bda252418d3 --- apps/code/index.html | 28 +++++++++++++++++-- .../renderer/components/FullScreenLayout.tsx | 3 ++ apps/code/src/renderer/styles/globals.css | 7 ++--- 3 files changed, 32 insertions(+), 6 deletions(-) diff --git a/apps/code/index.html b/apps/code/index.html index 6b829c8c6..547e84904 100644 --- a/apps/code/index.html +++ b/apps/code/index.html @@ -1,14 +1,38 @@ - + PostHog Code + - +
diff --git a/apps/code/src/renderer/components/FullScreenLayout.tsx b/apps/code/src/renderer/components/FullScreenLayout.tsx index a30297a8e..dce9ce33f 100644 --- a/apps/code/src/renderer/components/FullScreenLayout.tsx +++ b/apps/code/src/renderer/components/FullScreenLayout.tsx @@ -26,7 +26,10 @@ export function FullScreenLayout({