remove imports and fix invalid tailwind class

samejr · samejr · commit def360d9f9be · 2025-04-17T15:54:18.000+01:00
diff --git a/apps/webapp/app/root.tsx b/apps/webapp/app/root.tsx
@@ -11,21 +11,19 @@ import {
 } from "@remix-run/react";
 import { type UseDataFunctionReturn, typedjson, useTypedLoaderData } from "remix-typedjson";
 import { ExternalScripts } from "remix-utils/external-scripts";
-import { commitSession, getSession } from "~/models/message.server";
 import type { ToastMessage } from "~/models/message.server";
+import { commitSession, getSession } from "~/models/message.server";
 import tailwindStylesheetUrl from "~/tailwind.css";
 import { RouteErrorDisplay } from "./components/ErrorDisplay";
 import { AppContainer, MainCenteredContainer } from "./components/layout/AppLayout";
+import { ShortcutsProvider } from "./components/primitives/ShortcutsProvider";
 import { Toast } from "./components/primitives/Toast";
 import { env } from "./env.server";
 import { featuresForRequest } from "./features.server";
 import { usePostHog } from "./hooks/usePostHog";
+import { useTypedMatchesData } from "./hooks/useTypedMatchData";
 import { getUser } from "./services/session.server";
 import { appEnvTitleTag } from "./utils";
-import { type Handle } from "./utils/handle";
-import { useEffect } from "react";
-import { useTypedMatchesData } from "./hooks/useTypedMatchData";
-import { ShortcutsProvider } from "./components/primitives/ShortcutsProvider";
 
 declare global {
   interface Window {
@@ -105,7 +103,7 @@ export function ErrorBoundary() {
           <Meta />
           <Links />
         </head>
-        <body className="bg-darkBackground h-full overflow-hidden">
+        <body className="h-full overflow-hidden bg-background-dimmed">
           <AppContainer>
             <MainCenteredContainer>
               <RouteErrorDisplay />
@@ -119,7 +117,7 @@ export function ErrorBoundary() {
 }
 
 export default function App() {
-  const { posthogProjectKey, kapa } = useTypedLoaderData<typeof loader>();
+  const { posthogProjectKey } = useTypedLoaderData<typeof loader>();
   usePostHog(posthogProjectKey);
 
   return (
@@ -129,7 +127,7 @@ export default function App() {
           <Meta />
           <Links />
         </head>
-        <body className="bg-darkBackground h-full overflow-hidden">
+        <body className="h-full overflow-hidden bg-background-dimmed">
           <ShortcutsProvider>
             <Outlet />
             <Toast />
