Add isSystemDarkModeEnabled to AppStore

2 files changed, 7 insertions, 1 deletions

diff --git a/src/containers/auth/AuthLayoutContainer.js b/src/containers/auth/AuthLayoutContainer.js
index 62b589d2f..a0618e012 100644
--- a/src/containers/auth/AuthLayoutContainer.js
+++ b/src/containers/auth/AuthLayoutContainer.js
@@ -26,6 +26,7 @@ export default @inject('stores', 'actions') @observer class AuthLayoutContainer
         isAPIHealthy={!stores.app.healthCheckRequest.isError}
         retryHealthCheck={actions.app.healthCheck}
         isHealthCheckLoading={stores.app.healthCheckRequest.isExecuting}
+        darkMode={stores.app.isSystemDarkModeEnabled}
       >
         {children}
       </AuthLayout>
diff --git a/src/stores/AppStore.js b/src/stores/AppStore.js
index 38edff1b4..e24160b4c 100644
--- a/src/stores/AppStore.js
+++ b/src/stores/AppStore.js
@@ -5,6 +5,7 @@ import key from 'keymaster';
 import { getDoNotDisturb } from '@meetfranz/electron-notification-state';
 import AutoLaunch from 'auto-launch';
 import prettyBytes from 'pretty-bytes';
+import isDarkMode from '@adlk/mojave-isdarkmode';
 
 import Store from './lib/Store';
 import Request from './lib/Request';
@@ -50,6 +51,8 @@ export default class AppStore extends Store {
 
   @observable isSystemMuteOverridden = false;
 
+  @observable isSystemDarkModeEnabled = false;
+
   @observable isClearingAllCache = false;
 
   @observable isFullScreen = mainWindow.isFullScreen();
@@ -77,7 +80,7 @@ export default class AppStore extends Store {
     ]);
   }
 
-  setup() {
+  async setup() {
     this._appStartsCounter();
     // Focus the active service
     window.addEventListener('focus', this.actions.service.focusActiveService);
@@ -159,6 +162,8 @@ export default class AppStore extends Store {
     this.locale = this._getDefaultLocale();
 
     this._healthCheck();
+
+    this.isSystemDarkModeEnabled = await isDarkMode();
   }
 
   @computed get cacheSize() {