Fix System Default theme not listening to system theme change

js/main-window.js

@@ -1,6 +1,6 @@
 'use strict';
 
-import { app, BrowserWindow, dialog, ipcMain, Menu, shell, Tray } from 'electron';
+import { app, BrowserWindow, dialog, ipcMain, Menu, nativeTheme, shell, Tray } from 'electron';
 import path from 'path';
 import Store from 'electron-store';
 
@@ -162,6 +162,16 @@ function createWindow()
         }
     });
 
+    // Listen for system theme changes in real-time
+    nativeTheme.on('updated', () =>
+    {
+        const savedPreferences = getUserPreferences();
+        const theme = savedPreferences['theme'];
+        if (theme === 'system-default')
+        {
+            mainWindow.webContents.send('RELOAD_THEME', theme);
+        }
+    });
 }
 
 function triggerStartupDialogs()

renderer/preload-scripts/calendar-api.js

@@ -73,6 +73,7 @@ const calendarApi = {
     handleWaiverSaved: (callback) => ipcRenderer.on('WAIVER_SAVED', callback),
     handleCalendarReload: (callback) => ipcRenderer.on('RELOAD_CALENDAR', callback),
     handlePunchDate: (callback) => ipcRenderer.on('PUNCH_DATE', callback),
+    handleThemeChange: (callback) => ipcRenderer.on('RELOAD_THEME', callback),
     handleLeaveBy: (callback) => ipcRenderer.on('GET_LEAVE_BY', callback),
     resizeMainWindow: () => resizeMainWindow(),
     switchView: () => switchView(),

src/calendar.js

@@ -57,6 +57,14 @@ window.mainApi.handlePunchDate(() =>
     calendar.punchDate();
 });
 
+/*
+ * Reload theme.
+ */
+window.mainApi.handleThemeChange(async(event, theme) =>
+{
+    applyTheme(theme);
+});
+
 /*
  * Returns value of "leave by" for notifications.
  */