Remote generation fixed

ordering_site/src/components/Header.css

@@ -182,7 +182,7 @@
 
 [data-theme='dark'] .app-header .header-title,
 [data-theme='dark'] .app-header .location-label {
-  color: #231651;
+  color: #001828;
 }
 
 [data-theme='dark'] .app-header .location-sub {
@@ -192,7 +192,7 @@
 [data-theme='dark'] .app-header .back-button,
 [data-theme='dark'] .app-header .icon-button:not(.profile) {
   background-color: #f0f1ff;
-  color: #231651;
+  color: #001828;
 }
 
 [data-theme='dark'] .app-header .search-bar {
@@ -201,6 +201,6 @@
 }
 
 [data-theme='dark'] .app-header .cart-count {
-  background-color: #231651;
+  background-color: #001828;
   color: white;
 }

ordering_site/src/components/Header.tsx

@@ -22,13 +22,13 @@ const Header: React.FC<HeaderProps> = ({ title, onBack, showCart = true }) => {
   return (
     <header className="app-header">
       <div className="header-left">
-        {onBack || (title && title !== "RIT Canteen") ? (
+        {onBack || (title && title !== "Tillo Canteen") ? (
           <button onClick={handleBack} className="back-button">
             <ArrowLeft size={20} />
           </button>
         ) : null}
 
-        {title && title !== "RIT Canteen" ? (
+        {title && title !== "Tillo Canteen" ? (
           <h1 className="header-title">{title}</h1>
         ) : (
           <img 

ordering_site/src/index.css

@@ -1,21 +1,21 @@
 :root {
   /* LIGHT THEME (Default) */
-  --primary: #231651;
-  --primary-rgb: 35, 22, 81;
-  --primary-light: #f0f1ff;
+  --primary: #08a850;
+  --primary-rgb: 8, 168, 80;
+  --primary-light: #f4fbf7;
   --bg: #f8f9fe;
   --surface: #ffffff;
-  --border: rgba(35, 22, 81, 0.08);
-  --green: #00B894;
-  --green-light: #E6FFFA;
+  --border: rgba(0, 24, 40, 0.08);
+  --green: #08a850;
+  --green-light: #f4fbf7;
   --red: #ff4d4f;
-  --text-dark: #231651;
-  --text-mid: #4a3e7a;
-  --text-light: #7b71af;
+  --text-dark: #001828;
+  --text-mid: #475569;
+  --text-light: #94a3b8;
   --star: #f4c640;
-  --shadow: 0 4px 20px rgba(35, 22, 81, 0.05);
+  --shadow: 0 4px 20px rgba(0, 24, 40, 0.04);
   --input-bg: #f8f9ff;
-  --modal-overlay: rgba(35, 22, 81, 0.3);
+  --modal-overlay: rgba(0, 24, 40, 0.3);
 }
 
 [data-theme='dark'] {

ordering_site/src/pages/LoginScreen.css

@@ -236,7 +236,7 @@
 .suspension-close-btn {
   width: 100%;
   padding: 16px;
-  background: #231651;
+  background: #001828;
   color: white;
   border: none;
   border-radius: 16px;

ordering_site/src/pages/LoginScreen.tsx

@@ -215,7 +215,7 @@ const LoginScreen: React.FC = () => {
 
         <div className="login-footer-info">
           <p>© 2026 Rajalakshmi Institute of Technology</p>
-          <p>RIT Canteen Management System</p>
+          <p>Tillo Canteen Management System</p>
         </div>
       </div>
 
@@ -226,7 +226,7 @@ const LoginScreen: React.FC = () => {
               <Lock size={40} />
             </div>
             <h2>Account Suspended</h2>
-            <p>Your access to the RIT Canteen system has been restricted by an administrator.</p>
+            <p>Your access to the Tillo Canteen system has been restricted by an administrator.</p>
             <div className="suspension-details">
               <span>Please contact the Admin or Manager to resolve this issue.</span>
             </div>