fix: change theme color from blue to teal-green

apps/Frontend/src/components/staffs/staff-form.tsx

@@ -119,7 +119,7 @@ export function StaffForm({
         </button>
         <button
           type="submit"
-          className="px-4 py-2 bg-blue-600 text-white rounded disabled:opacity-50"
+          className="px-4 py-2 bg-teal-600 text-white rounded disabled:opacity-50"
           disabled={isLoading}
         >
           {isLoading ? "Saving..." : "Save"}

apps/Frontend/src/components/staffs/staff-table.tsx

@@ -64,7 +64,7 @@ export function StaffTable({
         <h2 className="text-lg font-semibold text-gray-900">Staff Members</h2>
         <button
           onClick={onAdd}
-          className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
+          className="px-4 py-2 bg-teal-600 text-white rounded hover:bg-teal-700"
         >
           Add New Staff
         </button>
@@ -208,7 +208,7 @@ export function StaffTable({
                   aria-current={currentPage === i + 1 ? "page" : undefined}
                   className={`relative inline-flex items-center px-4 py-2 border text-sm font-medium ${
                     currentPage === i + 1
-                      ? "z-10 bg-blue-50 border-blue-500 text-blue-600"
+                      ? "z-10 bg-teal-50 border-teal-500 text-teal-600"
                       : "border-gray-300 text-gray-500 hover:bg-gray-50"
                   }`}
                 >

apps/Frontend/src/index.css

@@ -15,7 +15,7 @@
   --popover: 0 0% 100%;
   --popover-foreground: 222.2 47.4% 11.2%;
 
-  --primary: 240 100% 50%;
+  --primary: 174 72% 35%;
   --primary-foreground: 0 0% 100%;
 
   --secondary: 210 40% 96.1%;
@@ -44,7 +44,7 @@
 
   --sidebar-background: 222.2 47.4% 11.2%;
   --sidebar-foreground: 0 0% 100%;
-  --sidebar-primary: 240 100% 50%;
+  --sidebar-primary: 174 72% 35%;
   --sidebar-primary-foreground: 0 0% 100%;
   --sidebar-accent: 210 40% 96.1%;
   --sidebar-accent-foreground: 222.2 47.4% 11.2%;

apps/Frontend/src/pages/settings-page.tsx

@@ -420,7 +420,7 @@ export default function SettingsPage() {
               </div>
               <button
                 type="submit"
-                className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
+                className="bg-teal-600 text-white px-4 py-2 rounded hover:bg-teal-700"
                 disabled={addUserMutation.isPending}
               >
                 {addUserMutation.isPending ? "Adding..." : "Add User"}
@@ -474,7 +474,7 @@ export default function SettingsPage() {
 
             <button
               type="submit"
-              className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
+              className="bg-teal-600 text-white px-4 py-2 rounded hover:bg-teal-700"
               disabled={updateUserMutate.isPending}
             >
               {updateUserMutate.isPending ? "Saving..." : "Save Changes"}

apps/Frontend/theme.json

@@ -1,6 +1,6 @@
 {
   "variant": "professional",
-  "primary": "hsl(210, 79%, 46%)",
+  "primary": "hsl(174, 72%, 35%)",
   "appearance": "light",
   "radius": 0.5
 }