1 files changed, 17 insertions, 0 deletions

diff --git a/packages/main/src/infrastructure/electron/impl/ElectronMainWindow.ts b/packages/main/src/infrastructure/electron/impl/ElectronMainWindow.ts
index c4b3823..f1e3c7e 100644
--- a/packages/main/src/infrastructure/electron/impl/ElectronMainWindow.ts
+++ b/packages/main/src/infrastructure/electron/impl/ElectronMainWindow.ts
@@ -25,9 +25,11 @@ import {
   Translation,
 } from '@sophie/shared';
 import { BrowserWindow, ipcMain, IpcMainEvent } from 'electron';
+import { reaction } from 'mobx';
 import type { IJsonPatch } from 'mobx-state-tree';
 
 import type MainStore from '../../../stores/MainStore.js';
+import Disposer from '../../../utils/Disposer.js';
 import getLogger from '../../../utils/getLogger.js';
 import RendererBridge from '../RendererBridge.js';
 import type { MainWindow, ServiceView } from '../types.js';
@@ -39,6 +41,10 @@ import lockWebContentsToFile from './lockWebContentsToFile.js';
 
 const log = getLogger('ElectronMainWindow');
 
+function getBackroundColor(useDarkTheme: boolean): string {
+  return useDarkTheme ? '#121212' : '#FFF';
+}
+
 export default class ElectronMainWindow implements MainWindow {
   private readonly browserWindow: BrowserWindow;
 
@@ -66,6 +72,8 @@ export default class ElectronMainWindow implements MainWindow {
     }
   };
 
+  private readonly disposeBackgroundColorReaction: Disposer;
+
   constructor(
     private readonly store: MainStore,
     private readonly parent: ElectronViewFactory,
@@ -74,6 +82,7 @@ export default class ElectronMainWindow implements MainWindow {
       show: false,
       autoHideMenuBar: true,
       darkTheme: store.shared.shouldUseDarkColors,
+      backgroundColor: getBackroundColor(store.shared.shouldUseDarkColors),
       webPreferences: {
         sandbox: true,
         devTools: parent.devMode,
@@ -126,6 +135,13 @@ export default class ElectronMainWindow implements MainWindow {
 
     webContents.userAgent = parent.userAgents.mainWindowUserAgent;
 
+    this.disposeBackgroundColorReaction = reaction(
+      () => store.shared.shouldUseDarkColors,
+      (useDarkTheme) => {
+        this.browserWindow.setBackgroundColor(getBackroundColor(useDarkTheme));
+      },
+    );
+
     this.browserWindow.on('ready-to-show', () => this.browserWindow.show());
 
     this.browserWindow.on('close', () => this.dispose());
@@ -171,6 +187,7 @@ export default class ElectronMainWindow implements MainWindow {
 
   dispose() {
     this.bridge.dispose();
+    this.disposeBackgroundColorReaction();
     this.browserWindow.destroy();
     ipcMain.removeHandler(RendererToMainIpcMessage.GetSharedStoreSnapshot);
     ipcMain.removeListener(