major update

src/pages/employee/edit.vue

@@ -158,7 +158,7 @@
             </div>
 
             <div class="col-span-12 md:col-span-12 flex mt-5 mb-5">
-              <button class="btn btn-sm btn-accent">
+              <button class="btn btn-sm btn-secondary">
                 Edit Employee
               </button>
             </div>

src/pages/employee/home.vue

@@ -23,7 +23,7 @@
       <div class="flex start pb-10 text-2xl">Employees </div>
       <div class="flex justify-end mb-10">
         <router-link :to="{ name: 'employeeCreate' }">
-          <button class="btn btn-accent btn-sm">Create Employee</button>
+          <button class="btn btn-secondary btn-sm">Create Employee</button>
         </router-link>
       </div>
 
@@ -63,10 +63,10 @@
               <td>{{ person['employee_phone_number'] }}</td>
               <td class="flex gap-5">
                 <router-link :to="{ name: 'employeeEdit', params: { id: person['id'] } }">
-                  <button class="btn btn-accent btn-sm">Edit</button>
+                  <button class="btn btn-secondary btn-sm">Edit</button>
                 </router-link>
                 <router-link :to="{ name: 'employeeProfile', params: { id: person['id'] } }">
-                  <button class="btn btn-accent btn-sm">View</button>
+                  <button class="btn btn-secondary btn-sm">View</button>
                 </router-link>
               </td>
             </tr>

src/pages/employee/profile/home.vue

@@ -29,7 +29,7 @@
               <div class="col-span-9">
                 <div class="grid grid-cols-12">
                   <div class="col-span-12 font-bold flex justify-end">
-                    <div class="btn btn-sm btn-accent">
+                    <div class="btn btn-sm btn-secondary">
                       <router-link :to="{ name: 'employeeEdit', params: { id: employee.id } }">
                         Edit Employee
                       </router-link>