add bg-primary classes

resources/js/views/ToDoLists/ToDo.vue

@@ -11,7 +11,7 @@
         <input type="text"
                v-model="toDo.data.attributes.data.name"
                @keypress.enter="updateToDo"
-               class="flex-1 rounded-sm border border-orange-600 pl-1">
+               class="flex-1 rounded-sm border border-primary-600 pl-1">
         <span @click="edit = !edit">
             <svg-vue icon="close"  class="inline w-4 fill-current cursor-pointer mx-2" />
         </span>

resources/js/views/ToDoLists/ToDoListIndex.vue

@@ -23,10 +23,10 @@
                       :to="'/to-do-lists/' + toDoList.data.to_do_list_id"
                       :to-do-list="toDoList"
                       class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" >
-                <div class="bg-orange-300 rounded text-black m-2 p-2">
+                <div class="bg-primary-300 rounded text-black m-2 p-2">
                     <div class="flex justify-between">
                         <span class="font-bold">{{ toDoList.data.attributes.data.name }}</span>
-                        <span class="text-orange-900">
+                        <span class="text-primary-900">
                             {{ toDoList.data.attributes.data.to_dos.to_dos_count_check }} / {{ toDoList.data.attributes.data.to_dos.to_dos_count }}
                         </span>
                     </div>

resources/js/views/ToDoLists/ToDoListShow.vue

@@ -12,7 +12,7 @@
             <router-link to="/to-do-lists/" class="btn-secondary">Back</router-link>
             <a href="#" class="btn-alert" @click="modal = ! modal">Delete</a>
         </div>
-        <div v-if="!loading" class="bg-orange-400 rounded p-1">
+        <div v-if="!loading" class="bg-primary-400 rounded p-1">
             <h1 class="mb-2 ml-2 todo" >
                 <span v-if="!listNameEdit" class="text-2xl font-bold flex items-center">{{ toDoList.data.attributes.data.name }}
                     <span @click="listNameEdit = !listNameEdit">