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:
parent
f73ba66094
commit
d9cfda7abc
1 changed files with 2 additions and 2 deletions
|
|
@ -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,
|
||||
)}
|
||||
/>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue