3938 (motir-core) The signed-in app shell masks the 3D / Immersive atmosphere with an opaque page-background layer
Type
Implementation defect (code).
Parent
Root sibling — this was reported through out-of-band dogfooding, with no in-flight story or non-terminal discovery epic to contain it.
Discovered in
The signed-in application shell while the 3d-immersive style is selected.
Root cause / fix
The 3D / Immersive stylesheet applies its signature atmosphere as body background layers in packages/design-system/theme.css:1181-1208. components/ui/AppLayout.tsx:78 then renders the full-viewport signed-in shell with bg-(--el-page-bg), an opaque background that covers the body and hides those layers. The card/control depth rules still apply, but the shell canvas stays flat, so the selected style does not read as immersive.
Reproduce by selecting 3D / Immersive in Appearance and opening any signed-in route: the area behind the rail and main content is a flat page colour instead of the palette-derived radial atmosphere.
Make the shell root transparent when the 3D style is active (or move the atmosphere to the shell root) while preserving the regular page background for other styles. Add a regression test that verifies the immersive atmosphere remains visible through the signed-in shell.
Acceptance criteria
- With
data-style="3d-immersive", a signed-in route shows the palette-derived immersive background through the shell canvas rather than an opaque flat page layer. - The shell still uses its ordinary page-background treatment for non-3D styles.
- The 3D shell treatment works with light and dark palettes and does not introduce motion for a reduced-motion user.
Resolution
Open — no fix has shipped.