UniqAI/bolt.new
1
0
Fork 0
mirror of https://github.com/stackblitz/bolt.new synced 2025-02-06 04:48:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

background rays and changed the theme color to purple

Browse Source
This commit is contained in:
Anirban Kar 2024-12-08 02:11:47 +05:30
parent 8067bb63af
commit 15bd5b24f3
1 changed files with 0 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/components/ui/BackgroundRays/index.tsx
View File

@ -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>