diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index a00825e..48dd2eb 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -3,6 +3,7 @@
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
+
use Inertia\Inertia;
use App\Helpers\PageSettingsHelper;
@@ -27,6 +28,9 @@ class AppServiceProvider extends ServiceProvider
'siteName' => function () {
return config('app.name');
},
+ 'canvas' => function () {
+ return config('pagebuilder.canvas');
+ }
]);
}
}
diff --git a/config/pagebuilder.php b/config/pagebuilder.php
new file mode 100644
index 0000000..75651ef
--- /dev/null
+++ b/config/pagebuilder.php
@@ -0,0 +1,11 @@
+ 'bg-black' // The main background color of the pagebuilder canvas (the background color of the pages you want to build)
+];
\ No newline at end of file
diff --git a/resources/js/pages/Root.vue b/resources/js/pages/Root.vue
index 4d45042..fc12457 100644
--- a/resources/js/pages/Root.vue
+++ b/resources/js/pages/Root.vue
@@ -39,6 +39,7 @@
const showMainMenu = ref(false);
const page = usePage();
const pageRef = ref();
+ const canvasClass = page.props.canvas || 'bg-black'; // fallback to bg-black
/** Get a node value from json */
@@ -70,7 +71,7 @@
-