hopefully improve the button colours

Author: edenchazard

components/HatcheryView.vue

@@ -30,32 +30,9 @@
       <option value="300">5 minutes</option>
     </select>
     <ClientOnly>
-      <button
-        v-if="refreshing"
-        type="button"
-        class="btn- col-span-full sm:col-span-2 md:col-auto bg-rose-900 text-white"
-        @click="pause()"
-      >
-        <font-awesome-icon :icon="['fas', 'pause']" />
-        Pause
-      </button>
-      <button
-        v-else
-        type="button"
-        class="btn- col-span-full sm:col-span-2 md:col-auto bg-emerald-900 text-white motion-safe:animate-pulse"
-        @click="
-          () => {
-            resume();
-            fetchHatchery();
-          }
-        "
-      >
-        <font-awesome-icon :icon="['fas', 'play']" />
-        Continue
-      </button>
       <button
         type="button"
-        class="col-span-full sm:col-span-2 md:col-auto btn-primary"
+        class="col-span-full sm:col-span-2 md:col-auto btn-secondary"
         @click="
           () => {
             if (refreshing) {
@@ -80,6 +57,29 @@
         <font-awesome-icon v-else class="mr-1" :icon="['fas', 'rotate']" />
         Reload
       </button>
+      <button
+        v-if="refreshing"
+        type="button"
+        class="btn-primary col-span-full sm:col-span-2 md:col-auto"
+        @click="pause()"
+      >
+        <font-awesome-icon :icon="['fas', 'pause']" />
+        Pause
+      </button>
+      <button
+        v-else
+        type="button"
+        class="btn-primary col-span-full sm:col-span-2 md:col-auto motion-safe:animate-pulse"
+        @click="
+          () => {
+            resume();
+            fetchHatchery();
+          }
+        "
+      >
+        <font-awesome-icon :icon="['fas', 'play']" />
+        Continue
+      </button>
     </ClientOnly>
   </div>
   <div

components/ScrollToolbar.vue

@@ -35,7 +35,11 @@
       Reload
     </button>
 
-    <button type="submit" class="btn-primary" @click="emit('submit')">
+    <button
+      type="submit"
+      class="btn- bg-amber-700 dark:bg-indigo-900"
+      @click="emit('submit')"
+    >
       <LoadingIcon v-if="saveScrollStatus === 'pending'" class="ml-1 size-4" />
       <font-awesome-icon v-else :icon="['fas', 'dragon']" class="ml-1 size-4" />
       Submit