root/MyNote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: M5 透明窗+亚克力（FR-A2，BrowserWindow transparent/backgroundMaterial=acrylic，App 根用 var(--bg-primary)，透明主题透出亚克力）

Browse Source
This commit is contained in:
hunter-dev
2026-08-24 23:52:45 +08:00
parent 566c8ba10e
commit 545bc38370
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/main/index.ts
+1
View File
@@ -14,6 +14,7 @@ function createWindow() {
win = new BrowserWindow({ win = new BrowserWindow({
width: 1200, height: 760, minWidth: 900, minHeight: 580, width: 1200, height: 760, minWidth: 900, minHeight: 580,
center: true, frame: false, show: false, center: true, frame: false, show: false,
transparent: true, backgroundColor: '#00000000', backgroundMaterial: 'acrylic',
webPreferences: { webPreferences: {
preload: nodePath.join(__dirname, '../preload/index.mjs'), preload: nodePath.join(__dirname, '../preload/index.mjs'),
contextIsolation: true, nodeIntegration: false, sandbox: false contextIsolation: true, nodeIntegration: false, sandbox: false
apps/desktop/src/renderer/App.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ export function App() {
// 编辑器样式随设置生效（FR-编辑器设置真实生效） // 编辑器样式随设置生效（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]); 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 ( 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} /> <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 /> <Toolbar />
{view === 'editor' && <TabBar />} {view === 'editor' && <TabBar />}