support dark in ManageQRCodeChatView

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>
+            <h1 class="text-2xl font-bold mb-4 text-gray-900 dark:text-gray-100">
-            <p class="text-gray-600">Вы можете начать общение, отправив первое сообщение.</p>
+              Пока нет сообщений
+            </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-700 dark:text-gray-300 font-medium text-lg">
-            <p class="text-gray-600 mt-2">
+              Ваше сообщение отправлено.
+            </p>
+            <p class="text-gray-600 dark:text-gray-400 mt-2">
               Вы можете написать ещё одно сообщение или подождать ответа.
             </p>
           </div>