From fba55dbd84f0e218ed2d40cd6bf89b186ace3fcb Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 15 Dec 2025 14:21:23 +0000
Subject: [PATCH] Stack background now uses content-bg from the theme

---
 resources/css/ui.css                                     | 1 +
 resources/js/components/inputs/relationship/Selector.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/css/ui.css b/resources/css/ui.css
index 643e6714879..37ceee23761 100644
--- a/resources/css/ui.css
+++ b/resources/css/ui.css
@@ -22,6 +22,7 @@
 
     --color-body-bg: var(--theme-color-body-bg);
     --color-body-border: var(--theme-color-body-border);
+    --color-content-bg: var(--theme-color-content-bg);
     --color-content-border: var(--theme-color-content-border);
     --color-global-header-bg: var(--theme-color-global-header-bg);
     --color-progress-bar: var(--theme-color-progress-bar);
diff --git a/resources/js/components/inputs/relationship/Selector.vue b/resources/js/components/inputs/relationship/Selector.vue
index 01d030b23b6..2e914ae5b60 100644
--- a/resources/js/components/inputs/relationship/Selector.vue
+++ b/resources/js/components/inputs/relationship/Selector.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="dark:bg-dark-800 h-full bg-white rounded-s-xl">
+    <div class="h-full bg-content-bg dark:bg-dark-content-bg rounded-s-xl">
         <div class="flex h-full min-h-0 flex-col">
             <Listing
                 v-if="filters != null && view === 'list'"