feat: frameless title bar for Windows/Linux with native overlay controls

Use titleBarStyle: 'hidden' + titleBarOverlay on Win/Linux to remove the
ugly native title bar and menu bar while keeping OS-rendered min/max/close
buttons. Hidden Edit menu preserves keyboard shortcuts (Ctrl+C/V/X/Z/A).
Title bar drag region and separator line rendered via web frontend, with
colors matching the Aether Drift design system.

Also adds electron-builder metadata (description, author, homepage,
artifactName) and multi-size icons for cross-platform builds.
This commit is contained in:
Jannis Braun
2026-03-16 06:16:43 +01:00
parent cd2f1e52ef
commit 7a86cde67e
15 changed files with 41 additions and 9 deletions
+25 -1
View File
@@ -186,7 +186,14 @@ function createWindow(): void {
minHeight: 500,
title: 'Backspace',
icon: path.join(__dirname, '..', 'build', 'icon.png'),
titleBarStyle: process.platform === 'darwin' ? 'hiddenInset' : 'default',
titleBarStyle: process.platform === 'darwin' ? 'hiddenInset' : 'hidden',
...(process.platform !== 'darwin' ? {
titleBarOverlay: {
color: '#0b0b10',
symbolColor: '#d8d8de',
height: 32,
},
} : {}),
backgroundColor: '#313338',
show: false,
webPreferences: {
@@ -561,6 +568,23 @@ if (!gotTheLock) {
},
]);
Menu.setApplicationMenu(appMenu);
} else {
// Win/Linux: frameless window has no menu bar, but we still need an
// application menu so keyboard accelerators (Ctrl+C/V/X/Z/A) work.
Menu.setApplicationMenu(Menu.buildFromTemplate([
{
label: 'Edit',
submenu: [
{ role: 'undo' },
{ role: 'redo' },
{ type: 'separator' },
{ role: 'cut' },
{ role: 'copy' },
{ role: 'paste' },
{ role: 'selectAll' },
],
},
]));
}
// Purge ALL stale caches so Electron always loads fresh code on launch