fix more bgs

Author: jasonvarga

resources/js/components/assets/Selector.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="dark:bg-gray-800 h-full bg-white">
+    <div class="h-full">
         <div class="flex h-full min-h-0 flex-col">
             <div class="flex flex-1 flex-col gap-4 overflow-auto p-4">
                 <AssetBrowser

resources/js/components/fields/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="h-full overflow-auto bg-white dark:bg-gray-800 focus-none p-3 pt-0">
+    <div class="h-full overflow-auto bg-content-bg dark:bg-dark-content-bg focus-none p-3 pt-0">
         <div v-if="loading" class="absolute inset-0 z-200 flex items-center justify-center text-center">
             <Icon name="loading" />
         </div>

resources/js/components/inputs/relationship/InlinePublishForm.vue

@@ -8,7 +8,7 @@
             :size="stackSize"
             @closed="close"
         >
-            <div class="h-full overflow-scroll overflow-x-auto bg-white px-6 rounded-l-xl dark:bg-dark-800">
+            <div class="h-full overflow-scroll overflow-x-auto px-6 rounded-l-xl">
                 <div v-if="loading" class="absolute inset-0 z-200 flex items-center justify-center text-center">
                     <Icon name="loading" />
                 </div>

resources/js/components/inputs/relationship/Selector.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="h-full bg-content-bg dark:bg-dark-content-bg rounded-s-xl">
+    <div class="h-full rounded-s-xl">
         <div class="flex h-full min-h-0 flex-col">
             <Listing
                 v-if="filters != null && view === 'list'"

resources/js/components/ui/Stack/Stack.vue

@@ -219,7 +219,7 @@ provide('closeStack', close);
                 <transition name="stack-slide">
                     <div
                         v-if="visible"
-                        class="stack-content fixed flex flex-col sm:end-1.5 bg-white dark:bg-gray-850 overflow-hidden rounded-xl shadow-[0_8px_5px_-6px_rgba(0,0,0,0.1),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.15)] dark:shadow-[0_5px_20px_rgba(0,0,0,.5)] transition-transform duration-150 ease-out"
+                        class="stack-content fixed flex flex-col sm:end-1.5 bg-content-bg dark:bg-dark-content-bg overflow-hidden rounded-xl shadow-[0_8px_5px_-6px_rgba(0,0,0,0.1),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.15)] dark:shadow-[0_5px_20px_rgba(0,0,0,.5)] transition-transform duration-150 ease-out"
                         :class="[
                             size === 'full' ? 'inset-2 w-[calc(100svw-1rem)]' : 'inset-y-2',
                             { '-translate-x-4 rtl:translate-x-4': isHovering }