From 72851ebea3390b5ca0a3b58f67e31c050a0ba011 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?= Date: Tue, 21 Apr 2026 13:53:30 -0400 Subject: [PATCH] fix(design): unify messages canvas, keep only app nav elevated MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit On the Messages page three surfaces collided: the channel list column and the channel header bar both used bg-card (lighter surface), while the content area above and below used bg-background (deep). That made the page read as a sandwich of alternating tones. Route ChannelSidebar and ChannelHeader through bg-background so the entire Messages canvas — title bar, channel list, header bar, and conversation pane — shares the deep kami surface. The left app SidebarView continues to use bg-card as the single elevated island, preserving the apple-style "one navigation column floats on the canvas" hierarchy. Borders (border-r / border-b on those two panels) already provide the structural separation, so no shadow is needed — consistent with kami's rule 8 (ring or whisper shadow only). Typecheck and build:verify clean. --- src/renderer/components/communication/ChannelHeader.tsx | 2 +- src/renderer/components/communication/ChannelSidebar.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/communication/ChannelHeader.tsx b/src/renderer/components/communication/ChannelHeader.tsx index 28914677..5504846b 100644 --- a/src/renderer/components/communication/ChannelHeader.tsx +++ b/src/renderer/components/communication/ChannelHeader.tsx @@ -47,7 +47,7 @@ export function ChannelHeader({ const t = useT() return ( -
+
{!showSidebar ? (