Align admin theme with Tamagui v2

resources/js/admin/main.tsx

@@ -72,7 +72,7 @@ function AdminApp() {
   }, []);
 
   return (
-    <TamaguiProvider config={tamaguiConfig} defaultTheme={themeName} themeClassNameOnRoot>
+    <TamaguiProvider config={tamaguiConfig} defaultTheme={themeName}>
       <Theme name={themeName}>
         <ConsentProvider>
           <QueryClientProvider client={queryClient}>
@@ -86,7 +86,10 @@ function AdminApp() {
                     </div>
                   )}
                 >
-                  <div className="bg-[#FFF1E8] font-[Manrope] text-[14px] font-normal leading-[1.6] text-[#0B132B] dark:bg-[#0B132B] dark:text-slate-100">
+                  <div
+                    className="font-[Manrope] text-[14px] font-normal leading-[1.6]"
+                    style={{ backgroundColor: 'var(--background)', color: 'var(--color)' }}
+                  >
                     <RouterProvider router={router} />
                   </div>
                 </Suspense>