Fix dark mode slider

[ShubhankarKG]

Fixes #221

Changes done:

• Set an interval of 100 ms to load slider properly.
• Fixed some problems in darkmode retains after refresh #224.

✅️ By submitting this PR, I have verified the following

• Checked to see if a similar PR has already been opened 🤔️
• Reviewed the contributing guidelines 🔍️
• Sample preview link added (add a link from the checks tab after checks complete)
• Tried Squashing the commits into one

[ShubhankarKG]

This solves the problem but is a bit slow.
Preview link :- https://deploy-preview-240--wizardly-perlman-2ed351.netlify.app/#/

[YashKumarVerma]

This solves the problem but is a bit slow.
Preview link :- https://deploy-preview-240--wizardly-perlman-2ed351.netlify.app/#/

How about using the method used for https://learn.circuitverse.org/

[ShubhankarKG]

Probably can use that as well. @animesh-007 would you work on this one ? I'll tell you what the problem is :-

We run a function in the window.onLoad part of the script. That's where the problem lies. There's a chunk of code that assigns a ref in case darkmode is already enabled in localStorage. So, sometimes, that chunk of code gives an error, that causes the slider to move back. I'll also tag the exact line of code that does this. If you can bypass it, then it'll work.

[ShubhankarKG]

I placed this console.log deliberately here. If you open up your console, switch to dark mode and refresh, sometimes you'll see the proper input, and sometimes you'll see null. This null is the source cause of error.

[ShubhankarKG]

I placed this console.log deliberately here. If you open up your console, switch to dark mode and refresh, sometimes you'll see the proper input, and sometimes you'll see null. This null is the source cause of error.

@animesh-007 , here.

[animesh-007]

Probably can use that as well. @animesh-007 would you work on this one ? I'll tell you what the problem is :-

We run a function in the window.onLoad part of the script. That's where the problem lies. There's a chunk of code that assigns a ref in case darkmode is already enabled in localStorage. So, sometimes, that chunk of code gives an error, that causes the slider to move back. I'll also tag the exact line of code that does this. If you can bypass it, then it'll work.

Ok I will try to solve it just tag me exact lines.

[Shivansh2407]

@ShubhankarKG @animesh-007 are you working on this?

[ShubhankarKG]

I mean, this current version is just a tad slow. This works perfectly well after a time interval.