support dark theme closes #25

apps/frontend/src/components/ChatSubscribeWebPush.vue

@@ -6,44 +6,53 @@
       </div>
       <Checkbox v-else v-model="enabled" inputId="webPush" name="delivery" binary />
 
-      <label for="webPush">Прислать уведомление, когда придет ответ</label>
+      <label for="webPush" class="text-gray-800 dark:text-gray-300">
+        Прислать уведомление, когда придет ответ
+      </label>
     </div>
 
     <!-- Инструкции для iOS -->
     <div
       v-if="showRequireStandaloneInstructionsForIOS"
-      class="bg-yellow-100 text-yellow-800 p-4 rounded my-4"
+      class="bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-300 p-4 rounded my-4"
     >
-      <p class="mb-2">Чтобы включить уведомления, добавьте это приложение на главный экран:</p>
+      <p class="mb-2 dark:text-yellow-200">
+        Чтобы включить уведомления, добавьте это приложение на главный экран:
+      </p>
       <ul class="list-disc pl-5">
-        <li class="mb-1">
+        <li class="mb-1 dark:text-yellow-200">
           Нажмите
           <strong class="font-semibold">
             "<img
               src="@/assets/icons/apple-share.svg?url"
               alt="Поделиться"
-              class="h-7 -mt-2 inline-block"
+              class="h-7 -mt-2 inline-block dark:filter dark:invert"
             />"
           </strong>
           внизу экрана
         </li>
-        <li class="mb-1">
+        <li class="mb-1 dark:text-yellow-200">
           Выберите
           <strong class="inline-flex items-baseline font-semibold">
             <span class="me-1">"На экран «Домой»</span>
             <img
               src="@/assets/icons/apple-system-plus.svg?url"
               alt=""
-              class="h-4 inline-block self-center"
-            />"
+              class="h-4 inline-block self-center dark:filter dark:invert"
+            />
+            "
           </strong>
         </li>
-        <li>Откройте приложение с главного экрана и повторите попытку.</li>
+        <li class="dark:text-yellow-200">
+          Откройте приложение с главного экрана и повторите попытку.
+        </li>
       </ul>
     </div>
 
     <!-- Ошибка разрешений -->
-    <p v-else-if="isError" class="text-red-500 mb-2">{{ error?.message || error }}<br /></p>
+    <p v-else-if="isError" class="text-red-500 dark:text-red-400 mb-2">
+      {{ error?.message || error }}<br />
+    </p>
   </div>
 </template>
 
@@ -240,6 +249,6 @@ watch(
 )
 
 const showRequireStandaloneInstructionsForIOS = computed(
-  () => isError.value && isIOS.value && !isStandalone.value && enabled.value,
+  () => true, //isError.value && isIOS.value && !isStandalone.value && enabled.value,
 )
 </script>