diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index ae68f9ea..caee9263 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -12,7 +12,11 @@ const apiKey = config('shopify.api_key');
 const app = document.getElementById('app');
 
 ReactDOM.render(
-    <AppProvider i18n={enTranslations}>
+    <AppProvider i18n={enTranslations}
+                 features={{newDesignLanguage: true}}
+                 theme={{
+                     colorScheme: config('color_scheme') === 'dark' ? 'dark' : 'light',
+                 }}>
         <Provider
             config={{
                 apiKey,
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 9ffc6ad3..ef5297e4 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -35,6 +35,7 @@
                 'embedded' =>  auth()->user()->isUsingEmbeddedApp(),
                 'standalone' =>  ! auth()->user()->isUsingEmbeddedApp(),
                 'impersonated' => app('impersonate')->isImpersonating(),
+                'color_scheme' => 'light'
             ],JSON_PRETTY_PRINT) !!};
     </script>
 </head>