From 3ba3638e5efc49c4eb484581b56e5bcbbf882e8a Mon Sep 17 00:00:00 2001
From: Kroonk <Tom.misch2@gmail.com>
Date: Wed, 1 Jul 2026 18:04:15 +0200
Subject: [PATCH] Fix background visibility by using settings.yaml background
 property and making Next.js wrappers transparent in custom.css

---
 config-admin/custom.css     | 7 +++++++
 config-admin/settings.yaml  | 1 +
 config-public/custom.css    | 7 +++++++
 config-public/settings.yaml | 1 +
 4 files changed, 16 insertions(+)

diff --git a/config-admin/custom.css b/config-admin/custom.css
index 6ec8815..56768db 100644
--- a/config-admin/custom.css
+++ b/config-admin/custom.css
@@ -8,6 +8,13 @@ body {
   background-size: cover !important;
   background-position: center !important;
   background-attachment: fixed !important;
+  background-repeat: no-repeat !important;
+}
+
+/* Force transparency on Homepage layout wrappers to prevent covering the background */
+#__next, #__next > div, main, .layout, #layout-wrapper {
+  background-color: transparent !important;
+  background: transparent !important;
 }
 
 /* Semi-transparent blur cards */
diff --git a/config-admin/settings.yaml b/config-admin/settings.yaml
index 9dd6197..c3a74f2 100644
--- a/config-admin/settings.yaml
+++ b/config-admin/settings.yaml
@@ -1,4 +1,5 @@
 title: MischLabs Admin
 theme: dark
 language: de
+background: /background.png
 
diff --git a/config-public/custom.css b/config-public/custom.css
index 6ec8815..56768db 100644
--- a/config-public/custom.css
+++ b/config-public/custom.css
@@ -8,6 +8,13 @@ body {
   background-size: cover !important;
   background-position: center !important;
   background-attachment: fixed !important;
+  background-repeat: no-repeat !important;
+}
+
+/* Force transparency on Homepage layout wrappers to prevent covering the background */
+#__next, #__next > div, main, .layout, #layout-wrapper {
+  background-color: transparent !important;
+  background: transparent !important;
 }
 
 /* Semi-transparent blur cards */
diff --git a/config-public/settings.yaml b/config-public/settings.yaml
index 5f37cf5..41003e5 100644
--- a/config-public/settings.yaml
+++ b/config-public/settings.yaml
@@ -1,3 +1,4 @@
 title: MischLabs
 theme: dark
 language: de
+background: /background.png