diff --git a/app/components/ui/BackgroundRays/index.tsx b/app/components/ui/BackgroundRays/index.tsx
index 7f77c4c..ac4ed86 100644
--- a/app/components/ui/BackgroundRays/index.tsx
+++ b/app/components/ui/BackgroundRays/index.tsx
@@ -1,32 +1,6 @@
-// PurpleRays.jsx
-import React, { useEffect, useState } from 'react';
 import styles from './styles.module.scss';
 
 const BackgroundRays = () => {
-  const [theme, setTheme] = useState('dark');
-
-  useEffect(() => {
-    // Initial theme
-    const currentTheme = document.documentElement.getAttribute('data-theme');
-    setTheme(currentTheme || 'dark');
-
-    // Optional: Watch for theme changes
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.attributeName === 'data-theme') {
-          const newTheme = document.documentElement.getAttribute('data-theme');
-          setTheme((existingTheme) => newTheme || existingTheme);
-        }
-      });
-    });
-
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ['data-theme'],
-    });
-
-    return () => observer.disconnect();
-  }, []);
   return (
     <div className={`${styles.rayContainer} `}>
       <div className={`${styles.lightRay} ${styles.ray1}`}></div>