From 545bc383704029f34954114d94324e54567c34c3 Mon Sep 17 00:00:00 2001
From: hunter-dev <dev@local>
Date: Mon, 24 Aug 2026 23:52:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20M5=20=E9=80=8F=E6=98=8E=E7=AA=97+?=
 =?UTF-8?q?=E4=BA=9A=E5=85=8B=E5=8A=9B=EF=BC=88FR-A2=EF=BC=8CBrowserWindow?=
 =?UTF-8?q?=20transparent/backgroundMaterial=3Dacrylic=EF=BC=8CApp=20?=
 =?UTF-8?q?=E6=A0=B9=E7=94=A8=20var(--bg-primary)=EF=BC=8C=E9=80=8F?=
 =?UTF-8?q?=E6=98=8E=E4=B8=BB=E9=A2=98=E9=80=8F=E5=87=BA=E4=BA=9A=E5=85=8B?=
 =?UTF-8?q?=E5=8A=9B=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/desktop/src/main/index.ts    | 1 +
 apps/desktop/src/renderer/App.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/main/index.ts b/apps/desktop/src/main/index.ts
index d055ce3..269ec0b 100644
--- a/apps/desktop/src/main/index.ts
+++ b/apps/desktop/src/main/index.ts
@@ -14,6 +14,7 @@ function createWindow() {
   win = new BrowserWindow({
     width: 1200, height: 760, minWidth: 900, minHeight: 580,
     center: true, frame: false, show: false,
+    transparent: true, backgroundColor: '#00000000', backgroundMaterial: 'acrylic',
     webPreferences: {
       preload: nodePath.join(__dirname, '../preload/index.mjs'),
       contextIsolation: true, nodeIntegration: false, sandbox: false
diff --git a/apps/desktop/src/renderer/App.tsx b/apps/desktop/src/renderer/App.tsx
index 071bb49..6ede068 100644
--- a/apps/desktop/src/renderer/App.tsx
+++ b/apps/desktop/src/renderer/App.tsx
@@ -43,7 +43,7 @@ export function App() {
   // 编辑器样式随设置生效（FR-编辑器设置真实生效）
   useEffect(() => { document.documentElement.style.setProperty('--editor-font-size', settings.fontSize + 'px'); document.documentElement.style.setProperty('--editor-font-family', settings.fontFamily); document.documentElement.style.setProperty('--editor-white-space', settings.wordWrap ? 'pre-wrap' : 'pre'); }, [settings.fontSize, settings.fontFamily, settings.wordWrap]);
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', height: '100vh', background: '#1a1a1a', color: '#ddd' }}>
+    <div style={{ display: 'flex', flexDirection: 'column', height: '100vh', background: 'var(--bg-primary, #1a1a1a)', color: '#ddd' }}>
       <TitleBar view={view} onToggleView={() => setView(v => v === 'editor' ? 'graph' : 'editor')} onSettings={() => setShowSettings(true)} onAppearance={() => setShowAppearance(true)} onToggleSidebar={() => layout.toggleSidebar()} onToggleMinimal={() => layout.toggleMinimal()} minimal={layout.minimal} />
       <Toolbar />
       {view === 'editor' && <TabBar />}