From d9cfda7abc94312138a845f7357fa432a04d030e Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 26 May 2025 14:24:16 -0300
Subject: [PATCH] fix: Refactor DotBackground for Improved Theming Consistency
 and Simplified Gradient Logic (#8196)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🔧 (dot-background.tsx): update background gradient colors to improve visual consistency and readability

* ✨ (dot-background.tsx): update CSS classes for better styling and visual representation in DotBackgroundDemo component
---
 src/frontend/src/components/ui/dot-background.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/ui/dot-background.tsx b/src/frontend/src/components/ui/dot-background.tsx
index 08873fbc8..048c12a47 100644
--- a/src/frontend/src/components/ui/dot-background.tsx
+++ b/src/frontend/src/components/ui/dot-background.tsx
@@ -12,7 +12,7 @@ export function DotBackgroundDemo({
   return (
     <div
       className={cn(
-        "relative flex h-full w-full items-center justify-center bg-white dark:bg-black",
+        "relative flex h-full w-full items-center justify-center bg-background",
         className,
       )}
     >
@@ -26,7 +26,7 @@ export function DotBackgroundDemo({
       />
       <div
         className={cn(
-          "absolute inset-0 bg-gradient-to-b from-white/10 via-white/50 to-white dark:from-background/30 dark:via-background/80 dark:to-background",
+          "absolute inset-0 bg-gradient-to-b from-background/0 from-0% via-background/50 via-30% to-background to-50%",
           containerClassName,
         )}
       />