Changed global styling so its readable

Placeholder changes before new design is implemented

src/components/utilities/ConfirmationModal.vue

@@ -40,12 +40,12 @@ const modalOpened = ref(props.modalOpened)
 <template>
   <Modal :closable="false" :is-resizable="false" :isModalOpen="true" @modal:close="() => (modalOpened = !modalOpened)" :modal-width="300" :modal-height="190">
     <template #modalHeader>
-      <div class="text-white">
+      <div class="text-gray-300">
         <slot name="modalHeader"></slot>
       </div>
     </template>
     <template #modalBody>
-      <div class="text-white h-full">
+      <div class="text-gray-300 h-full">
         <div class="flex h-full flex-col justify-between">
           <span class="p-2">
             <slot name="modalBody"></slot>