Update stylesheets and added darkMode variable and toggle.

1 files changed, 3 insertions, 1 deletions

diff --git a/src/components/auth/AuthLayout.js b/src/components/auth/AuthLayout.js
index 2741b8a15..105cae375 100644
--- a/src/components/auth/AuthLayout.js
+++ b/src/components/auth/AuthLayout.js
@@ -20,6 +20,7 @@ export default class AuthLayout extends Component {
     isAPIHealthy: PropTypes.bool.isRequired,
     retryHealthCheck: PropTypes.func.isRequired,
     isHealthCheckLoading: PropTypes.bool.isRequired,
+    darkMode: PropTypes.bool.isRequired
   };
 
   static contextTypes = {
@@ -35,11 +36,12 @@ export default class AuthLayout extends Component {
       isAPIHealthy,
       retryHealthCheck,
       isHealthCheckLoading,
+      darkMode
     } = this.props;
     const { intl } = this.context;
 
     return (
-      <div className="auth">
+      <div className={"auth" + (darkMode ? 'theme__dark' : '')}>
         {!isOnline && (
           <InfoBar
             type="warning"