etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(backgrounds): expose remaining hardcoded colors in shooting-stars, meteors, gradient-animation

Browse Source
This commit is contained in:
Boris Kovalskii
2026-06-11 09:46:17 +10:00
parent 66c08b5d6d
commit f1f4281e11
6 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ui/backgrounds/shooting-stars.tsx
View File

@@ -41,6 +41,7 @@ export default function ShootingStarsBackground({ settings }: Props) {
const starColor = sanitizeColor(settings.starColor, '#9E00FF');
const trailColor = sanitizeColor(settings.trailColor, '#2EB9DF');
const bgStarColor = sanitizeColor(settings.bgStarColor, '#ffffff');
const starDensity = clampNumber(settings.starDensity, 0.00001, 0.001, 0.00015);
const minSpeed = clampNumber(settings.minSpeed, 1, 50, 10);
const maxSpeed = clampNumber(settings.maxSpeed, 5, 100, 30);
@@ -117,9 +118,11 @@ export default function ShootingStarsBackground({ settings }: Props) {
}
ctx.beginPath();
ctx.arc(s.x, s.y, s.radius, 0, Math.PI * 2);
ctx.fillStyle = `rgba(255,255,255,${opacity})`;
ctx.globalAlpha = opacity;
ctx.fillStyle = bgStarColor;
ctx.fill();
}
ctx.globalAlpha = 1;
if (time - state.lastShootingTime > state.nextShootingDelay) {
state.shootingStars.push({
@@ -166,7 +169,7 @@ export default function ShootingStarsBackground({ settings }: Props) {
return true;
});
},
[starColor, trailColor, starDensity, minSpeed, maxSpeed],
[starColor, trailColor, bgStarColor, starDensity, minSpeed, maxSpeed],
);
return <canvas ref={canvasRef} className="absolute inset-0 h-full w-full" />;