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 ( return (
<div <div
className={cn( 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, className,
)} )}
> >
@ -26,7 +26,7 @@ export function DotBackgroundDemo({
/> />
<div <div
className={cn( 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, containerClassName,
)} )}
/> />