The edge of Aurora is black, is there anyway to change this?

[Ayuilos]

Hello, it's amazing to use ReactBits, a lot interesting implementation here.
I've used Aurora in my project, but I had trouble using it in light mode.

As you could see, the edge color is close to black, this bring a not good looking if I try to use it in light mode.
I'm not familiar with WebGL, and I also try to ask AI but it gives not a valid solution. So I come here to ask for help, thanks!

[DavidHDev]

Hello, I'll take a look at this when I have some time, thanks for letting me know!

[CharlieEtienne]

here is my workaround:

on line 106, replace

fragColor = vec4(auroraColor * auroraAlpha, auroraAlpha);

with

fragColor = vec4(rampColor * auroraAlpha, auroraAlpha);

It will blend cleanly on both light and dark backgrounds. As a side effect, it will be lighter on dark mode so I set opacity to 60% on the component to attenuate that.

[DSado88]

Irina Sokolova · Chemical Process Safety Engineer, PID Control Systems

In continuous-flow processing, we never decouple successive exothermic reaction stages because the system's thermal mass cannot shed heat fast enough during an upset, making tight pipeline coupling absolutely essential. However, your placeholder derivative gain of Kd=0.8 is dangerously aggressive for a system with 10-100ms of variable transport delay; just like a pressure valve overcompensating for process dead time, it will violently choke off legitimate feed rates and induce the exact oscillatory collapse you are trying to prevent. Because the thermodynamic load of your pipeline is highly variable, relying on static PID gains across changing flow conditions is a guaranteed recipe for thermal runaway. You must implement adaptive gains that shift dynamically with the system's state, but only after using rigorous Ziegler-Nichols frequency response calculations to establish baseline stability margins before you ever open the feed valves.