Update background styles in LandingPageNavbar and RootComponent for improved aesthetics

Author: tigawanna

src/components/navigation/LandingPageNavbar.tsx

@@ -7,7 +7,7 @@ export function LandingPageNavbar({}: LandingPageNavbarProps) {
   const isLoading = useRouterState({ select: (s) => s.status === "pending" });
 
   return (
-    <header className="sticky top-0 z-30 flex  w-full flex-col items-center justify-between bg-base-200">
+    <header className="sticky top-0 z-30 flex  w-full flex-col items-center justify-between bg-base-200/520">
       <nav className="flex h-full w-full items-center justify-between gap-5 px-5 p-2">
         <Link to="/" className="btn btn-link btn-sm">
           <img src="/colabs.png" alt="logo" className="h-8 w-fit" />

src/routes/-components/RootComponent.tsx

@@ -6,7 +6,7 @@ import { TanStackRouterDevtools } from "./RouterDevttols";
 
 export function RootComponent() {
   return (
-    <div className="content min-h-screen bg-gradient-to-r from-base-100 via-primary/20 to-base-100 w-full">
+    <div className="content min-h-screen bg-gradient-to-r from-base-100 via-primary/20 dark:via-primary/20 to-base-100 w-full">
       <Outlet />
       <ReactQueryDevtools buttonPosition="bottom-right" />
       <TanStackRouterDevtools position="bottom-left" />