updated security & css

Author: Gerome El-assaad

README.md

@@ -4,34 +4,6 @@
 
 @layer base {
   :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 10% 3.9%;
-    --chart-1: 12 76% 61%;
-    --chart-2: 173 58% 39%;
-    --chart-3: 197 37% 24%;
-    --chart-4: 43 74% 66%;
-    --chart-5: 27 87% 67%;
-    --radius: 0.75rem;
-  }
-
-  .dark {
     --background: 240, 6%, 10%;
     --foreground: 0 0% 98%;
     --card: 240 10% 3.9%;
@@ -68,7 +40,7 @@
     color: var(--foreground);
     font-family: var(--font-sans, sans-serif);
   }
-  .dark body {
+  body {
     background-color: #111111;
     background-image: radial-gradient(
       ellipse 80% 50% at 50% -20%,

app/api/import-dataset/route.ts

@@ -69,7 +69,7 @@ export default function RootLayout({
     <ThemeProvider
           attribute="class"
           defaultTheme="dark"
-          enableSystem
+          forcedTheme="dark"
           disableTransitionOnChange
         >
           <PostHogProvider>

app/globals.css

@@ -1,7 +1,6 @@
 'use client'
 
 import { Button } from '@/components/ui/button'
-import { ThemeToggle } from '@/components/ui/theme-toggle'
 import { cn } from '@/lib/utils'
 import { 
   User, 
@@ -65,9 +64,6 @@ export default function SettingsLayout({
             </Button>
           </Link>
           <h1 className="text-2xl font-semibold">Settings</h1>
-          <div className="ml-auto">
-            <ThemeToggle />
-          </div>
         </div>
 
         <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">

app/layout.tsx

@@ -8,7 +8,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
-import { ThemeToggle } from '@/components/ui/theme-toggle'
 import {
   Tooltip,
   TooltipContent,
@@ -89,14 +88,6 @@ export function NavBar({
             <TooltipContent>Clear chat</TooltipContent>
           </Tooltip>
         </TooltipProvider>
-        <TooltipProvider>
-          <Tooltip delayDuration={0}>
-            <TooltipTrigger asChild>
-              <ThemeToggle />
-            </TooltipTrigger>
-            <TooltipContent>Toggle theme</TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
         {session ? (
           <DropdownMenu>
             <DropdownMenuTrigger asChild>

app/settings/layout.tsx

@@ -9,34 +9,8 @@ export const ThemeToggle = forwardRef<
     className?: string
   }
 >(({ className, ...props }, ref) => {
-  const { setTheme, theme } = useTheme()
-  const [mounted, setMounted] = useState(false)
-
-  // useEffect only runs on the client, so now we can safely show the UI
-  useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  if (!mounted) {
-    return null
-  }
-
-  return (
-    <Button
-      {...props}
-      ref={ref}
-      variant="ghost"
-      size="icon"
-      className={className}
-      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
-    >
-      {theme === 'light' ? (
-        <SunIcon className="h-4 w-4 md:h-5 md:w-5" />
-      ) : (
-        <MoonIcon className="h-4 w-4 md:h-5 md:w-5" />
-      )}
-    </Button>
-  )
+  // Theme toggle is disabled - app is forced to dark mode
+  return null
 })
 
 ThemeToggle.displayName = 'ThemeToggle'