Update theme to 🎃

src/components/MediaCard.vue

@@ -33,7 +33,7 @@ const alreadyAdded = computed(() => store.mediaList.some((media) => media.Id ===
           :src="props.media.PosterPath"
           :alt="props.media.Title"
           size="w300"
-          class="w-full h-full object-cover transform transition-transform duration-500 hover:scale-105"
+          class="w-full h-full object-cover transform transition-transform duration-500 hover:scale-101"
         />
         <!-- Glassy gradient shadow overlay -->
         <div
@@ -54,7 +54,7 @@ const alreadyAdded = computed(() => store.mediaList.some((media) => media.Id ===
         class="block"
       >
         <h2
-          class="card-title text-base font-semibold bg-gradient-to-r from-base-content/70 to-base-content/50 bg-clip-text text-transparent break-words"
+          class="card-title text-base font-semibold bg-gradient-to-r from-base-content to-base-content/75 bg-clip-text text-transparent break-words"
         >
           {{ props.media.Title }}
         </h2>

src/components/MediaList.vue

@@ -34,7 +34,10 @@ window.addEventListener('scroll', () => {
       class="text-center text-base-content/60 py-12 bg-base-300/60 rounded-lg border border-base-content/20"
     >
       No media found.<br />
-      <RouterLink to="/add" class="text-base-content/70 font-semibold hover:text-base-content transition">
+      <RouterLink
+        to="/add"
+        class="text-base-content/70 font-semibold hover:text-base-content transition"
+      >
         Add media
       </RouterLink>
     </p>

src/components/TVSeriesDetails.vue

@@ -87,7 +87,9 @@ const alreadyAdded = computed(() =>
           </p>
           <p class="font-semibold text-base-content/90">
             Language:
-            <span class="text-base-content/70">{{ props.tvSeries!.SpokenLanguages[0]?.englishName }}</span>
+            <span class="text-base-content/70">{{
+              props.tvSeries!.SpokenLanguages[0]?.englishName
+            }}</span>
           </p>
           <p class="font-semibold text-base-content/90">
             First Air Date:

src/style.css

@@ -1,4 +1,4 @@
 @import 'tailwindcss';
 @plugin "daisyui" {
-  themes: forest --default;
+  themes: halloween --default;
 }

src/views/HomeView.vue

@@ -90,9 +90,9 @@
 .gradient-text {
   background: linear-gradient(
     90deg,
-    oklch(68.628% 0.185 148.958) 0%,
+    oklch(77.48% 0.204 60.62) 0%,
-    /* primary */ oklch(69.776% 0.135 168.327) 50%,
+    /* primary */ oklch(45.98% 0.248 305.03) 50%,
-    /* secondary */ oklch(70.628% 0.119 185.713) 100% /* accent */
+    /* secondary */ oklch(77.48% 0.204 60.62) 100% /* accent */
   );
   -webkit-background-clip: text;
   background-clip: text;