From f800152103c545b7e903b5522b0e91668f96f7ed Mon Sep 17 00:00:00 2001
From: usmannasir <usman@cyberpersons.com>
Date: Wed, 6 Aug 2025 03:15:50 +0500
Subject: [PATCH] dark mode in cron page

---
 .idea/workspace.xml                           |  6 +-
 .../templates/websiteFunctions/listCron.html  | 76 ++-----------------
 2 files changed, 9 insertions(+), 73 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index cc9574ebc..315700202 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,9 +4,7 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="5251c5c9-f2a1-41f2-bc76-10b517091df1" name="Changes" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-    </list>
+    <list default="true" id="5251c5c9-f2a1-41f2-bc76-10b517091df1" name="Changes" comment="" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -114,7 +112,7 @@
       <workItem from="1753690170133" duration="11704000" />
       <workItem from="1753711196398" duration="51975000" />
       <workItem from="1754042060203" duration="66331000" />
-      <workItem from="1754429757112" duration="1821000" />
+      <workItem from="1754429757112" duration="2192000" />
     </task>
     <servers />
   </component>
diff --git a/websiteFunctions/templates/websiteFunctions/listCron.html b/websiteFunctions/templates/websiteFunctions/listCron.html
index 4dd272aa0..16e64c7b4 100644
--- a/websiteFunctions/templates/websiteFunctions/listCron.html
+++ b/websiteFunctions/templates/websiteFunctions/listCron.html
@@ -8,77 +8,15 @@
 <!-- Current language: {{ LANGUAGE_CODE }} -->
 
 <style>
-    /* Ultra-Modern CyberPanel Design System with Dark Mode Support */
-    :root {
-        /* Light mode colors */
-        --primary-color: #6366f1;
-        --primary-hover: #5558e3;
-        --primary-light: #eef2ff;
-        --secondary-color: #8b5cf6;
-        --accent-color: #ec4899;
-        --success-color: #10b981;
-        --danger-color: #ef4444;
-        --warning-color: #f59e0b;
-        --info-color: #3b82f6;
-        
-        --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        --bg-gradient-alt: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-        --bg-gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
-        
-        --bg-light: #f8fafc;
-        --bg-card: #ffffff;
-        --bg-hover: #f1f5f9;
-        --border-color: #e2e8f0;
-        --border-light: #f1f5f9;
-        
-        --text-primary: #1e293b;
-        --text-secondary: #64748b;
-        --text-muted: #94a3b8;
-        
-        --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.06);
-        --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
-        --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
-        --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
-        
-        --radius-sm: 6px;
-        --radius-md: 8px;
-        --radius-lg: 12px;
-        --radius-xl: 16px;
-        --radius-full: 9999px;
-        
-        --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    /* Modern page styles matching new design with dark mode support */
+    .page-wrapper {
+        background: transparent;
+        padding: 20px;
     }
     
-    /* Dark mode colors */
-    [data-theme="dark"] {
-        --primary-color: #818cf8;
-        --primary-hover: #6366f1;
-        --primary-light: #312e81;
-        --secondary-color: #a78bfa;
-        --accent-color: #f472b6;
-        --success-color: #34d399;
-        --danger-color: #f87171;
-        --warning-color: #fbbf24;
-        --info-color: #60a5fa;
-        
-        --bg-gradient: linear-gradient(135deg, #4c1d95 0%, #5b21b6 100%);
-        --bg-gradient-alt: linear-gradient(135deg, #831843 0%, #be123c 100%);
-        --bg-gradient-success: linear-gradient(135deg, #064e3b 0%, #047857 100%);
-        
-        --bg-light: #1e1e42;
-        --bg-card: #1a1a3e;
-        --bg-hover: #252550;
-        --border-color: #2a2a5e;
-        --border-light: #2a2a5e;
-        
-        --text-primary: #e4e4e7;
-        --text-secondary: #9ca3af;
-        --text-muted: #6b7280;
-        
-        --shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.24);
-        --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.24);
-        --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -2px rgba(0,0,0,0.25);
-        --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.3), 0 10px 10px -5px rgba(0,0,0,0.24);
+    .page-container {
+        max-width: 1200px;
+        margin: 0 auto;
     }
     
     /* Container Styling */