From 083028b1fdefab2b4ab6579c003503f34a9967f8 Mon Sep 17 00:00:00 2001 From: Bryan Helmkamp Date: Fri, 8 May 2026 18:14:08 -0700 Subject: [PATCH] fix(web): make run files sidebar tree blend into the page Make the file tree's background transparent and zero out its inline padding so the tree sits flush on the page instead of inside a styled sidebar surface. Co-Authored-By: Claude Opus 4.7 (1M context) --- .../fabro-web/app/routes/run-files/file-tree-sidebar.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/apps/fabro-web/app/routes/run-files/file-tree-sidebar.tsx b/apps/fabro-web/app/routes/run-files/file-tree-sidebar.tsx index 9aa436865..64bbb0ea2 100644 --- a/apps/fabro-web/app/routes/run-files/file-tree-sidebar.tsx +++ b/apps/fabro-web/app/routes/run-files/file-tree-sidebar.tsx @@ -150,8 +150,13 @@ export function FileTreeSidebar({ ); }, [changedPaths, model, selectedPath, selection]); - const themeStyles = useMemo( - () => themeToTreeStyles(pierreDark) as TreeThemeStyle, + const themeStyles = useMemo( + () => ({ + ...(themeToTreeStyles(pierreDark) as TreeThemeStyle), + backgroundColor: "transparent", + "--trees-bg-override": "transparent", + "--trees-padding-inline-override": "0px", + }), [], );