Can not get Proper colors in my project

[UjjwalSaini07]

I use this

useEffect(() => {
    const vantaEffect = BIRDS({
      el: vantaRef.current,
      THREE: THREE,
      mouseControls: true,
      touchControls: true,
      gyroControls: false,
      minHeight: 200.00,
      minWidth: 200.00,
      scale: 1.00,
      scaleMobile: 1.00,
      backgroundColor: 0x030321,
      colorMode: "variance",
      birdSize: 1.60,
      speedLimit: 4.00,
      separation: 87.00,
      alignment: 44.00,
      cohesion: 38.00
    });
  
    return () => {
      if (vantaEffect) vantaEffect.destroy();
    };
  }, []); 

But it show normal color to bird i try so many things

Image ref:

[HarshArora-1205]

Can you share your full code in a sandbox or something?

[UjjwalSaini07]

Can you share your full code in a sandbox or something?

Check this Out - https://github.com/UjjwalSaini07/UjjwalS-Portfolio/blob/master/src/Pages/CompoPage/MobiVersion/HomeMobi.js