From 8fb549bd7665166098f2bc4a1a3ffa9634fff9bb Mon Sep 17 00:00:00 2001 From: "Apple\\Apple" Date: Sat, 7 Jun 2025 01:11:04 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(ui):=20ensure=20consistent?= =?UTF-8?q?=20dark=20mode=20background=20color=20for=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix dark mode background color rendering issue in the footer component where the custom dark background color (#1C1F23) was not being applied consistently across different devices due to missing !important declaration. Changes: - Add !important to dark mode background color class in footer - Change `dark:bg-[#1C1F23]` to `dark:!bg-[#1C1F23]` - Ensure footer dark mode styling is not overridden by other CSS rules This resolves visual inconsistencies where the footer would not display the intended dark background color in dark theme mode on certain devices or screen configurations. --- web/src/components/layout/Footer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/src/components/layout/Footer.js b/web/src/components/layout/Footer.js index d549a4e0..ce33cfaf 100644 --- a/web/src/components/layout/Footer.js +++ b/web/src/components/layout/Footer.js @@ -22,7 +22,7 @@ const FooterBar = () => { const currentYear = new Date().getFullYear(); const customFooter = useMemo(() => ( -