support dark theme closes #25

2024-12-08 11:06:31 +02:00
parent 0d40aaf2da
commit ab86a3b8e1
34 changed files with 689 additions and 261 deletions
@@ -1,9 +1,9 @@
 <template>
  <div
-    class="sticky bottom-0 bg-white shadow-md py-safe-or-4 sm:border-b sm:order-first sm:justify-center touch-none"
+    class="sticky bottom-0 bg-white dark:bg-gray-800 shadow-md dark:shadow-lg py-safe-or-4 sm:border-b dark:sm:border-gray-700 sm:order-first sm:justify-center touch-none"
  >
    <div
-      class="flex justify-around sm:justify-between sm:gap-8 sm:px-4 sm:flex-row sm:bg-white sm:max-w-prose mx-auto"
+      class="flex justify-around sm:justify-between sm:gap-8 sm:px-4 sm:flex-row sm:bg-white dark:sm:bg-gray-800 sm:max-w-prose mx-auto"
    >
      <TabMenuItem
        v-for="{ route, label, icon, unreadCount } in tabs"
@@ -12,6 +12,7 @@
        :icon
        :to="{ name: route }"
        :unreadCount
+        class="dark:text-gray-300 dark:hover:text-gray-100"
      />
    </div>
  </div>