Raised on LibreChat-AI#16262 (LibreChat-AI#16262 (comment)), split from #105, which raised the mobile scrim to the dialogs' 80% and fixed both light palettes.
In dark mode no scrim opacity separates the mobile drawer (surface-primary-alt) from the conversation behind the scrim by the 3:1 a boundary needs. The overlay is already black in both dark palettes and the drawer itself is near-black, so even a fully opaque scrim tops out at 1.17:1 (LibreChat) and 1.42:1 (ClickHouse).
Drawer against the page composited under the scrim:
| Palette |
50% |
70% |
80% |
100% |
| LibreChat light |
2.12 |
3.18 |
4.01 |
6.54 |
| ClickHouse light |
2.15 |
3.26 |
4.09 |
6.77 |
| LibreChat dark |
1.06 |
1.10 |
1.12 |
1.17 |
| ClickHouse dark |
1.29 |
1.35 |
1.37 |
1.42 |
Expected: the drawer gets an edge of its own in dark mode (a border role with 3:1 against surface-primary-alt), which belongs on the drawer container in client/src/components/UnifiedSidebar/UnifiedSidebar.tsx.
Sequencing: the surface is already on canary, so this does not depend on the root PR, but it waits on LibreChat-AI#16248, the open drawer PR that owns UnifiedSidebar.tsx. Start it after LibreChat-AI#16248 merges and extend the mobile-drawer-scrim scenarios to measure dark as well.
Raised on LibreChat-AI#16262 (LibreChat-AI#16262 (comment)), split from #105, which raised the mobile scrim to the dialogs' 80% and fixed both light palettes.
In dark mode no scrim opacity separates the mobile drawer (
surface-primary-alt) from the conversation behind the scrim by the 3:1 a boundary needs. The overlay is already black in both dark palettes and the drawer itself is near-black, so even a fully opaque scrim tops out at 1.17:1 (LibreChat) and 1.42:1 (ClickHouse).Drawer against the page composited under the scrim:
Expected: the drawer gets an edge of its own in dark mode (a border role with 3:1 against
surface-primary-alt), which belongs on the drawer container inclient/src/components/UnifiedSidebar/UnifiedSidebar.tsx.Sequencing: the surface is already on canary, so this does not depend on the root PR, but it waits on LibreChat-AI#16248, the open drawer PR that owns
UnifiedSidebar.tsx. Start it after LibreChat-AI#16248 merges and extend themobile-drawer-scrimscenarios to measure dark as well.