give dark mode some love 🖤

apps/dashboard/src/app/(auth)/layout.tsx

@@ -7,9 +7,9 @@ type Props = {
 const Page = ({ children }: Props) => {
   return (
     <>
-      <div className="bg-slate-100">
+      <div className="bg-def-200">
         <div className="grid h-full md:grid-cols-[min(400px,40vw)_1fr]">
-          <div className="min-h-screen border-r border-r-background bg-gradient-to-r from-background to-slate-200 max-md:hidden">
+          <div className="to-def-200 min-h-screen border-r border-r-background bg-gradient-to-r from-background max-md:hidden">
             <LiveEventsServer />
           </div>
           <div className="min-h-screen">{children}</div>