Add dark mode

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
2023-09-09 15:42:25 +06:00
parent 7d7d737294
commit 83a5dbe156
25 changed files with 1244 additions and 1139 deletions
--- a/app.vue
+++ b/app.vue
@@ -60,7 +60,7 @@ useHead({
 </script>

 <template>
-  <div class="bg-[#F1F2F4]">
+  <div class="bg-[#F1F2F4] dark:text-zinc-300   dark:bg-[#151818]">
    <NuxtLayout>
      <NuxtLoadingIndicator />
      <NuxtPage />
@@ -88,4 +88,8 @@ useHead({
  opacity: 0;
  filter: blur(1rem);
 }
+
+html.dark{
+  color-scheme: dark;
+}
 </style>