Eager to Help

[suzy-g38]

Hey, guys @priyankarpal @sboy99 if you need any extra hands I am always there and will be glad if I can help you, people.

[sboy99]

Can you suggest improvements??

[suzy-g38]

One suggestion I want to say, I was thinking of raising an issue for that, but anyway.....when we are selecting the dark theme or light theme button it may be hard sometime for the user to understand if they have chosen the dark theme button or light theme button.....So if you guys can give some special effects or color changes on the selected button that can give some clarity.

Here we can clearly understand it is dark theme mode.

but from here if we just see the button you don't know which one you have selected.
So, if you can give some slider type that can really help. or if you can choose another way to do that......more or less this is my suggestion.

[priyankarpal]

what if we add gradient animated color?

[suzy-g38]

yess that can work too...just if we make them any different that will suffice

[priyankarpal]

yess that can work too...just if we make them any different that will suffice

ok also share a demo

[priyankarpal]

In that project we're using SVG icons that's why the project's code getting too long. So we can create custom components to add icons.

example

const GitHubIcon = () => {
    return (
        <>
           SVG CODE
        </>
    )
}

User can add icons using just <GitHubIcon/>

[suzy-g38]

okay Can I do this one?

[priyankarpal]

okay Can I do this one?

yeah sure

[suzy-g38]

Hey, @priyankarpal @sboy99 I have tried to add icons in a different way, attaching the code-sandbox link below please review it.
https://codesandbox.io/s/ecstatic-montalcini-n1vxn7?file=/src/App.js