Add some checks

src/pages/schedule/ScheduleIndexPage.vue

@@ -3,7 +3,7 @@
     <q-item v-for="link in navlinks" :key="link.label">
       <q-btn
         :icon="link.icon"
-        color="primary"
+        :color="link.color"
         size="1.25em"
         :to="link.to"
         :label="link.label"
@@ -21,8 +21,19 @@ const navlinks = [
     icon: 'more_time',
     to: '/schedule/book',
     label: 'Create a Reservation',
+    color: 'primary',
+  },
+  {
+    icon: 'calendar_month',
+    to: '/schedule/view',
+    label: 'View Schedule',
+    color: 'primary',
+  },
+  {
+    icon: 'edit_calendar',
+    to: '/schedule/manage',
+    label: 'Manage Calendar',
+    color: 'accent',
   },
-  { icon: 'calendar_month', to: '/schedule/view', label: 'View Schedule' },
-  { icon: 'edit_calendar', to: '/schedule/manage', label: 'Manage Calendar' },
 ];
 </script>