Make spinner work in lightMode

1 files changed, 19 insertions, 17 deletions

diff --git a/src/components/ui/FullscreenLoader/index.js b/src/components/ui/FullscreenLoader/index.js
index bff5189c5..145c15c2d 100644
--- a/src/components/ui/FullscreenLoader/index.js
+++ b/src/components/ui/FullscreenLoader/index.js
@@ -1,26 +1,28 @@
 import React from 'react';
 import injectSheet from 'react-jss';
 import classnames from 'classnames';
+import { inject } from 'mobx-react';
 
 import Loader from '../Loader';
 
 import styles from './styles';
 
-export default injectSheet(styles)(({ classes, className, title, children }) => (
-  <div className={classes.wrapper}>
-    <div
-      className={classnames({
-        [`${classes.component}`]: true,
-        [`${className}`]: className,
-      })}
-    >
-      <h1 className={classes.title}>{title}</h1>
-      <Loader color="#FFF" />
-      {children && (
-        <div className={classes.content}>
-          {children}
-        </div>
-      )}
+export default inject('stores')(injectSheet(styles)(({ stores, classes, className, title, children }) => (
+    <div className={classes.wrapper}>
+      <div
+        className={classnames({
+          [`${classes.component}`]: true,
+          [`${className}`]: className,
+        })}
+      >
+        <h1 className={classes.title}>{title}</h1>
+        <Loader color={stores.settings.app.darkMode ? '#FFF' : '#000'} />
+        {children && (
+          <div className={classes.content}>
+            {children}
+          </div>
+        )}
+      </div>
     </div>
-  </div>
-));
+  )
+  ));