Changed global styling so its readable

Placeholder changes before new design is implemented

src/components/utilities/Notifications.vue

@@ -1,7 +1,7 @@
 <template>
   <Modal v-for="notification in gameStore.getNotifications" :key="notification.id" :isModalOpen="true" @modal:close="closeNotification(notification.id)">
     <template #modalHeader v-if="notification.title">
-      <h3 class="m-0 font-medium shrink-0">{{ notification.title }}</h3>
+      <h3 class="m-0 font-medium shrink-0 text-gray-300">{{ notification.title }}</h3>
     </template>
     <template #modalBody v-if="notification.message">
       <p class="m-4">{{ notification.message }}</p>