From d3b8ba8057aadc33205ae8727545b5404eb5db64 Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Sun, 8 Dec 2024 22:54:55 +0200
Subject: [PATCH] support dark in ManageQRCodeChatView

---
 .../src/views/manage/ManageQRCodeChatView.vue  | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/views/manage/ManageQRCodeChatView.vue b/apps/frontend/src/views/manage/ManageQRCodeChatView.vue
index 35b7a45..43f6a88 100644
--- a/apps/frontend/src/views/manage/ManageQRCodeChatView.vue
+++ b/apps/frontend/src/views/manage/ManageQRCodeChatView.vue
@@ -18,17 +18,23 @@
         <template #endOfMessages="{ count, lastMessage }">
           <div
             v-if="!count"
-            class="flex flex-col items-center justify-center flex-grow text-center text-gray-500"
+            class="flex flex-col items-center justify-center flex-grow text-center text-gray-500 dark:text-gray-400"
           >
-            <h1 class="text-2xl font-bold mb-4">Пока нет сообщений</h1>
-            <p class="text-gray-600">Вы можете начать общение, отправив первое сообщение.</p>
+            <h1 class="text-2xl font-bold mb-4 text-gray-900 dark:text-gray-100">
+              Пока нет сообщений
+            </h1>
+            <p class="text-gray-600 dark:text-gray-300">
+              Вы можете начать общение, отправив первое сообщение.
+            </p>
           </div>
           <div
             v-else-if="lastMessage && lastMessage.from === 'owner'"
-            class="flex flex-col items-center justify-center text-center bg-gray-50 border border-gray-200 rounded-lg shadow-md p-6 my-6"
+            class="flex flex-col items-center justify-center text-center bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md p-6 my-6"
           >
-            <p class="text-gray-700 font-medium text-lg">Ваше сообщение отправлено.</p>
-            <p class="text-gray-600 mt-2">
+            <p class="text-gray-700 dark:text-gray-300 font-medium text-lg">
+              Ваше сообщение отправлено.
+            </p>
+            <p class="text-gray-600 dark:text-gray-400 mt-2">
               Вы можете написать ещё одно сообщение или подождать ответа.
             </p>
           </div>