diff --git a/shop/components/AsciiShaderBackground.tsx b/shop/components/AsciiShaderBackground.tsx
index bcf9ad9..1e22129 100644
--- a/shop/components/AsciiShaderBackground.tsx
+++ b/shop/components/AsciiShaderBackground.tsx
@@ -166,7 +166,7 @@ export function AsciiShaderBackground({ className = '' }: { className?: string }
 
   return (
     <div
-      className={`absolute top-0 left-0 right-0 h-[500px] z-0 overflow-hidden bg-[oklch(0.145_0.01_148)] pointer-events-none ${className}`}
+      className={`absolute top-0 left-0 right-0 h-[500px] z-0 overflow-hidden bg-background pointer-events-none ${className}`}
       style={{
         maskImage: 'linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 250px, rgba(0,0,0,0) 500px)',
         WebkitMaskImage: 'linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 250px, rgba(0,0,0,0) 500px)'