fix(stage-ui): light theme bg missing

packages/stage-ui/src/components/Dialogs/Onboarding/MobileOnboarding.vue

@@ -251,7 +251,6 @@ onMounted(() => {
             </p>
           </div>
           <Button
-            variant="secondary"
             :label="t('settings.dialogs.onboarding.start')"
             @click="handleNextStep"
           />
@@ -286,7 +285,6 @@ onMounted(() => {
             </div>
           </div>
           <Button
-            variant="secondary"
             :label="t('settings.dialogs.onboarding.next')"
             :disabled="!selectedProviderId"
             @click="handleNextStep"

packages/stage-ui/src/components/Dialogs/Onboarding/Onboarding.vue

@@ -10,6 +10,7 @@ import onboardingLogo from '../../../assets/onboarding.png'
 
 import { RadioCardDetail } from '../../Menu'
 import { Button } from '../../Misc'
+import { ProviderAccountIdInput } from '../../Providers'
 
 interface Emits {
   (e: 'configured'): void

packages/stage-ui/src/components/Dialogs/Onboarding/OnboardingDialog.vue

@@ -28,7 +28,7 @@ const isDesktop = useMediaQuery('(min-width: 768px)')
   <DrawerRoot v-else :open="showDialog" should-scale-background @update:open="value => showDialog = value">
     <DrawerPortal>
       <DrawerOverlay class="fixed inset-0 bg-black/40" />
-      <DrawerContent class="fixed bottom-0 left-0 right-0 z-1000 mt-20 h-full max-h-[96%] flex flex-col rounded-t-[10px] backdrop-blur-md dark:bg-neutral-900/95">
+      <DrawerContent class="fixed bottom-0 left-0 right-0 z-1000 mt-20 h-full max-h-[96%] flex flex-col rounded-t-[10px] bg-neutral-50 outline-none backdrop-blur-md dark:bg-neutral-900/95">
         <div class="flex-1 rounded-t-[10px] px-4 py-1">
           <DrawerHandle class="my-2" />
           <MobileOnboarding @configured="emit('configured')" @skipped="emit('skipped')" />