diff --git a/src/app/(static)/film/animate/page.tsx b/src/app/(static)/film/animate/page.tsx
index 602f05d6..ef241f3f 100644
--- a/src/app/(static)/film/animate/page.tsx
+++ b/src/app/(static)/film/animate/page.tsx
@@ -39,7 +39,9 @@ export default function FilmPage() {
             </div>
             <div className={cc(
               'absolute top-0 left-[-2px] right-0 bottom-0',
-              'bg-gradient-to-t from-black to-[rgba(0,0,0,0.5)]',
+              'bg-gradient-to-t',
+              'from-white to-[rgba(255,255,255,0.5)]',
+              'dark:from-black dark:to-[rgba(0,0,0,0.5)]',
             )} />
           </div>
         </div>