From d2cb8d51d4c7dd0e0ee50808ab7344f114d2a0a9 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sun, 26 May 2024 12:42:56 +0300
Subject: [PATCH] Updated colors

---
 doc/toast/HeadlessDoc.vue | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/doc/toast/HeadlessDoc.vue b/doc/toast/HeadlessDoc.vue
index 99c76452b..5cdc8c78c 100644
--- a/doc/toast/HeadlessDoc.vue
+++ b/doc/toast/HeadlessDoc.vue
@@ -7,12 +7,12 @@
             <template #container="{ message, closeCallback }">
                 <section class="flex flex-col p-4 gap-4 w-full bg-primary/70 rounded-xl">
                     <div class="flex items-center gap-5">
-                        <i class="pi pi-cloud-upload text-primary-50 dark:text-primary-900 text-2xl"></i>
-                        <span class="font-bold text-base text-primary-50 dark:text-primary-900">{{ message.summary }}</span>
+                        <i class="pi pi-cloud-upload text-white dark:text-black text-2xl"></i>
+                        <span class="font-bold text-base text-white dark:text-black">{{ message.summary }}</span>
                     </div>
                     <div class="flex flex-col gap-2">
                         <ProgressBar :value="progress" :showValue="false" :style="{ height: '4px' }" pt:value:class="!bg-primary-50 dark:!bg-primary-900" class="!bg-primary/80"></ProgressBar>
-                        <label class="text-sm font-bold text-primary-50 dark:text-primary-900">{{ progress }}% uploaded</label>
+                        <label class="text-sm font-bold text-white dark:text-black">{{ progress }}% uploaded</label>
                     </div>
                     <div class="flex gap-4 mb-4 justify-end">
                         <Button label="Another Upload?" size="small" @click="closeCallback"></Button>
@@ -39,12 +39,12 @@ export default {
     <template #container="{ message, closeCallback }">
         <section class="flex flex-col p-4 gap-4 w-full bg-primary/70 rounded-xl">
             <div class="flex items-center gap-5">
-                <i class="pi pi-cloud-upload text-primary-50 dark:text-primary-900 text-2xl"></i>
-                <span class="font-bold text-base text-primary-50 dark:text-primary-900">{{ message.summary }}</span>
+                <i class="pi pi-cloud-upload text-white dark:text-black text-2xl"></i>
+                <span class="font-bold text-base text-white dark:text-black">{{ message.summary }}</span>
             </div>
             <div class="flex flex-col gap-2">
                 <ProgressBar :value="progress" :showValue="false" :style="{ height: '4px' }" pt:value:class="!bg-primary-50 dark:!bg-primary-900" class="!bg-primary/80"></ProgressBar>
-                <label class="text-sm font-bold text-primary-50 dark:text-primary-900">{{ progress }}% uploaded</label>
+                <label class="text-sm font-bold text-white dark:text-black">{{ progress }}% uploaded</label>
             </div>
             <div class="flex gap-4 mb-4 justify-end">
                 <Button label="Another Upload?" size="small" @click="closeCallback"></Button>
@@ -62,12 +62,12 @@ export default {
             <template #container="{ message, closeCallback }">
                 <section class="flex flex-col p-4 gap-4 w-full bg-primary/70 rounded-xl">
                     <div class="flex items-center gap-5">
-                        <i class="pi pi-cloud-upload text-primary-50 dark:text-primary-900 text-2xl"></i>
-                        <span class="font-bold text-base text-primary-50 dark:text-primary-900">{{ message.summary }}</span>
+                        <i class="pi pi-cloud-upload text-white dark:text-black text-2xl"></i>
+                        <span class="font-bold text-base text-white dark:text-black">{{ message.summary }}</span>
                     </div>
                     <div class="flex flex-col gap-2">
                         <ProgressBar :value="progress" :showValue="false" :style="{ height: '4px' }" pt:value:class="!bg-primary-50 dark:!bg-primary-900" class="!bg-primary/80"></ProgressBar>
-                        <label class="text-sm font-bold text-primary-50 dark:text-primary-900">{{ progress }}% uploaded</label>
+                        <label class="text-sm font-bold text-white dark:text-black">{{ progress }}% uploaded</label>
                     </div>
                     <div class="flex gap-4 mb-4 justify-end">
                         <Button label="Another Upload?" size="small" @click="closeCallback"></Button>
@@ -128,12 +128,12 @@ export default {
             <template #container="{ message, closeCallback }">
                 <section class="flex flex-col p-4 gap-4 w-full bg-primary/70 rounded-xl">
                     <div class="flex items-center gap-5">
-                        <i class="pi pi-cloud-upload text-primary-50 dark:text-primary-900 text-2xl"></i>
-                        <span class="font-bold text-base text-primary-50 dark:text-primary-900">{{ message.summary }}</span>
+                        <i class="pi pi-cloud-upload text-white dark:text-black text-2xl"></i>
+                        <span class="font-bold text-base text-white dark:text-black">{{ message.summary }}</span>
                     </div>
                     <div class="flex flex-col gap-2">
                         <ProgressBar :value="progress" :showValue="false" :style="{ height: '4px' }" pt:value:class="!bg-primary-50 dark:!bg-primary-900" class="!bg-primary/80"></ProgressBar>
-                        <label class="text-sm font-bold text-primary-50 dark:text-primary-900">{{ progress }}% uploaded</label>
+                        <label class="text-sm font-bold text-white dark:text-black">{{ progress }}% uploaded</label>
                     </div>
                     <div class="flex gap-4 mb-4 justify-end">
                         <Button label="Another Upload?" size="small" @click="closeCallback"></Button>