feat(electron): set overlay information at runtime

src/public/app/desktop.js

@@ -30,8 +30,7 @@ bundleService.getWidgetBundlesByParent().then(async widgetBundles => {
 glob.setupGlobs();
 
 if (utils.isElectron()) {
-    utils.dynamicRequire('electron').ipcRenderer.on('globalShortcut',
+    initOnElectron();
-        async (event, actionName) => appContext.triggerCommand(actionName));
 }
 
 macInit.init();
@@ -43,3 +42,18 @@ noteAutocompleteService.init();
 if (utils.isElectron()) {
     electronContextMenu.setupContextMenu();
 }
+
+function initOnElectron() {
+    const electron = utils.dynamicRequire('electron');
+    electron.ipcRenderer.on('globalShortcut', async (event, actionName) => appContext.triggerCommand(actionName));
+    
+    // Update the native title bar buttons.
+    const electronRemote = utils.dynamicRequire("@electron/remote");
+    const currentWindow = electronRemote.getCurrentWindow();
+    currentWindow.setTitleBarOverlay({
+        color: "red",
+        symbolColor: "white"
+    });
+
+    console.log("Electron initialized.");
+}

src/public/stylesheets/theme-next.css

@@ -20,7 +20,7 @@
 
 :root {
     /* --main-font-family: "Noto Sans", sans-serif; */
-    --main-font-family: "Ubuntu Sans", sans-serif;
+    --main-font-family: "Segoe UI", sans-serif;
     /* --main-font-family: "Ubuntu", sans-serif; */
     /* --main-font-family: "Nunito", sans-serif; */
     /* --main-font-family: "Inter", sans-serif; */