From f935d2b90625efb14125a915b9acdf1fbf6d025c Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Fri, 20 Dec 2024 13:57:39 +0800
Subject: [PATCH] feat: background has lower brightness on dark mode

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 654573b..481c2f1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -61,7 +61,7 @@ const App: React.FC = () => {
         {/* 固定定位的背景层 */}
         {customBackgroundImage && (
           <div
-            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center", {
+            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center dark:brightness-75", {
               "hidden sm:block": customMobileBackgroundImage,
             })}
             style={{ backgroundImage: `url(${customBackgroundImage})` }}
@@ -69,7 +69,7 @@ const App: React.FC = () => {
         )}
         {customMobileBackgroundImage && (
           <div
-            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center sm:hidden")}
+            className={cn("fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center sm:hidden dark:brightness-75")}
             style={{ backgroundImage: `url(${customMobileBackgroundImage})` }}
           />
         )}