support dark theme closes #25

apps/frontend/src/components/create/CreateMessageDeliveryOptionWebPush.vue

@@ -4,11 +4,13 @@
   <!-- Инструкции для 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
@@ -19,7 +21,7 @@
         </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>
@@ -30,14 +32,16 @@
           />"
         </strong>
       </li>
-      <li>Откройте приложение с главного экрана и повторите попытку.</li>
+      <li class="dark:text-yellow-200">
+        Откройте приложение с главного экрана и повторите попытку.
+      </li>
     </ul>
   </div>
 
   <!-- Ошибка разрешений -->
-  <p v-else-if="isError && model === method" class="text-red-500 mb-2">
+  <p v-else-if="isError && model === method" class="text-red-500 dark:text-red-400 mb-2">
     {{ error }}.<br />
-    <button @click="retry()" class="text-blue-500 underline">Повторить</button>
+    <button @click="retry()" class="text-blue-500 dark:text-blue-400 underline">Повторить</button>
   </p>
 </template>