fix: Refactor DotBackground for Improved Theming Consistency and Simplified Gradient Logic (#8196)

* 🔧 (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
This commit is contained in:
Cristhian Zanforlin Lousa 2025-05-26 14:24:16 -03:00 committed by GitHub
commit d9cfda7abc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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,
)}
/>