Spaces:

holistic-ai
/

AgentGraph

Sleeping

App Files Files Community

wu981526092 commited on Sep 16, 2025

Commit

45acb90

1 Parent(s): e0f4f44

Switch login page to light theme for consistency with main app

Browse files

Files changed (1) hide show

backend/templates/login.html +49 -28

backend/templates/login.html CHANGED Viewed

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -13,24 +13,24 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
       :root {
-        --background: 240 10% 3.9%;
-        --foreground: 210 40% 98%;
-        --card: 240 10% 3.9%;
-        --card-foreground: 210 40% 98%;
-        --popover: 240 10% 3.9%;
-        --popover-foreground: 210 40% 98%;
         --primary: 262 83% 58%;
         --primary-foreground: 210 40% 98%;
-        --secondary: 240 3.7% 15.9%;
-        --secondary-foreground: 210 40% 98%;
-        --muted: 240 3.7% 15.9%;
-        --muted-foreground: 240 5% 64.9%;
-        --accent: 240 3.7% 15.9%;
-        --accent-foreground: 210 40% 98%;
-        --destructive: 0 62.8% 30.6%;
         --destructive-foreground: 210 40% 98%;
-        --border: 240 3.7% 15.9%;
-        --input: 240 3.7% 15.9%;
         --ring: 262 83% 58%;
         --radius: 0.5rem;
       }
@@ -43,20 +43,17 @@
       }
       .glass-card {
-        background: rgba(255, 255, 255, 0.05);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
-        border: 1px solid rgba(255, 255, 255, 0.1);
-        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
-          inset 0 1px 0 rgba(255, 255, 255, 0.1);
         transition: all 0.3s ease;
       }
       .glass-card:hover {
-        background: rgba(255, 255, 255, 0.08);
-        border: 1px solid rgba(255, 255, 255, 0.15);
-        box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4),
-          inset 0 1px 0 rgba(255, 255, 255, 0.15);
         transform: translateY(-2px);
       }
@@ -81,7 +78,7 @@
         background: linear-gradient(
           135deg,
           hsl(var(--foreground)) 0%,
-          hsl(var(--muted-foreground)) 100%
         );
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
@@ -109,11 +106,35 @@
   </head>
   <body>
     <div
-      class="min-h-screen bg-gradient-to-br from-background via-background to-secondary"
     >
       <!-- Background decoration -->
       <div
-        class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-secondary/10 pointer-events-none"
       ></div>
       <div class="container mx-auto px-4 py-20 relative z-10">
@@ -121,7 +142,7 @@
           <!-- Content Section -->
           <div class="space-y-8">
             <!-- Title -->
-            <div class="space-y-4">
               <h1
                 class="text-4xl lg:text-6xl font-bold gradient-text tracking-tight"
               >

 <!DOCTYPE html>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
       :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: 262 83% 58%;
         --primary-foreground: 210 40% 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: 210 40% 98%;
+        --border: 240 5.9% 90%;
+        --input: 240 5.9% 90%;
         --ring: 262 83% 58%;
         --radius: 0.5rem;
       }
       }
       .glass-card {
+        background: hsl(var(--card));
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
+        border: 1px solid hsl(var(--border));
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05),
+          0 10px 15px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease;
       }
       .glass-card:hover {
+        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
         transform: translateY(-2px);
       }
         background: linear-gradient(
           135deg,
           hsl(var(--foreground)) 0%,
+          hsl(var(--primary)) 100%
         );
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
   </head>
   <body>
     <div
+      class="min-h-screen bg-background"
+      style="
+        background: linear-gradient(
+          135deg,
+          hsl(var(--background)) 0%,
+          hsl(var(--secondary)) 100%
+        );
+      "
     >
       <!-- Background decoration -->
       <div
+        class="absolute inset-0 pointer-events-none"
+        style="
+          background: radial-gradient(
+              circle at 20% 50%,
+              rgba(120, 119, 198, 0.08) 0%,
+              transparent 50%
+            ),
+            radial-gradient(
+              circle at 80% 20%,
+              rgba(255, 107, 107, 0.06) 0%,
+              transparent 50%
+            ),
+            radial-gradient(
+              circle at 40% 80%,
+              rgba(78, 205, 196, 0.07) 0%,
+              transparent 50%
+            );
+        "
       ></div>
       <div class="container mx-auto px-4 py-20 relative z-10">
           <!-- Content Section -->
           <div class="space-y-8">
             <!-- Title -->
+            <div class="space-y-6">
               <h1
                 class="text-4xl lg:text-6xl font-bold gradient-text tracking-tight"
               >