From bfb5a0e6ae5b4a33fa7d9262a88be05e4c844ae5 Mon Sep 17 00:00:00 2001
From: Lumon Agent <lumon@ohevan.com>
Date: Wed, 5 Aug 2026 03:36:32 +0000
Subject: [PATCH 1/2] animations: limit fade transition to opacity

Fixes #619
---
 source/css/layout/animations.styl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/css/layout/animations.styl b/source/css/layout/animations.styl
index 0032356c..d20d95e9 100644
--- a/source/css/layout/animations.styl
+++ b/source/css/layout/animations.styl
@@ -1,5 +1,5 @@
 .transition-fade
-  transition 0.4s
+  transition opacity 0.4s ease
   opacity 1
 
 .transition-fade-up

From ba0f38347929653b01f2f21d7b41ffcce7dcd23d Mon Sep 17 00:00:00 2001
From: Lumon Agent <lumon@ohevan.com>
Date: Wed, 5 Aug 2026 03:55:00 +0000
Subject: [PATCH 2/2] animations: keep fixed background stable during theme
 switch

---
 layout/pages/home/home-background.ejs | 2 +-
 layout/pages/home/home-banner.ejs     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layout/pages/home/home-background.ejs b/layout/pages/home/home-background.ejs
index a0c2e98d..585f9ce9 100644
--- a/layout/pages/home/home-background.ejs
+++ b/layout/pages/home/home-background.ejs
@@ -26,7 +26,7 @@
     }
 </style>
 
-<div class="home-banner-background transition-fade fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
+<div class="home-banner-background fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
     <img src="<%- url_for(theme.home_banner.image.light) %>" alt="home-banner-background" class="w-full h-full object-cover dark:hidden">
     <img src="<%- url_for(theme.home_banner.image.dark) %>" alt="home-banner-background" class="w-full h-full object-cover hidden dark:block">
 </div>
diff --git a/layout/pages/home/home-banner.ejs b/layout/pages/home/home-banner.ejs
index 052310b7..934d2c6d 100755
--- a/layout/pages/home/home-banner.ejs
+++ b/layout/pages/home/home-banner.ejs
@@ -26,7 +26,7 @@
             backdrop-filter: none !important;
         }
     </style>
-    <div class="home-banner-background transition-fade fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
+    <div class="home-banner-background fixed top-0 left-0 w-screen h-screen scale-125 sm:scale-110 box-border will-change-transform bg-cover">
         <img src="<%- url_for(theme.home_banner.image.light) %>" alt="home-banner-background" class="w-full h-full object-cover dark:hidden">
         <img src="<%- url_for(theme.home_banner.image.dark) %>" alt="home-banner-background" class="w-full h-full object-cover hidden dark:block">
     </div>