sascha
/
Notes
mirror of https://github.com/TriliumNext/Notes
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(native-buttons): watch for theme changes

pull/702/head
Elian Doran 2024-12-01 17:59:55 +07:00
parent 45faa666ba
commit 5761320731
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/public/app/desktop.js
Unescape Escape View File

@ -48,13 +48,18 @@ function initOnElectron() {
electron.ipcRenderer.on('globalShortcut', async (event, actionName) => appContext.triggerCommand(actionName));
// Update the native title bar buttons.
const electronRemote = utils.dynamicRequire("@electron/remote");
applyTitleBarOverlaySettings();
// Register for changes to the native title bar colors.
window.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", applyTitleBarOverlaySettings);
}
function applyTitleBarOverlaySettings() {
const electronRemote = utils.dynamicRequire("@electron/remote");
const currentWindow = electronRemote.getCurrentWindow();
const documentStyle = window.getComputedStyle(document.documentElement);
currentWindow.setTitleBarOverlay({
color: documentStyle.getPropertyValue("--native-titlebar-background"),
symbolColor: documentStyle.getPropertyValue("--native-titlebar-foreground")
});
console.log("Electron initialized.");
const documentStyle = window.getComputedStyle(document.documentElement);
const color = documentStyle.getPropertyValue("--native-titlebar-background");
const symbolColor = documentStyle.getPropertyValue("--native-titlebar-foreground");
currentWindow.setTitleBarOverlay({ color, symbolColor });
}