Add the dark and light theme functionality using next-themes

[hemantwasthere]

You can add the dark and light theme functionality using next-themes and shadcn/ui

• first setup the shadcn/ui in the default settings refer here -> https://ui.shadcn.com/docs/installation/next

We'll get our CSS variables in the globals.css file after setting up the shadcn/ui

• then after adding next-themes you can implement a theme toggle button in the navbar just like we have in shadcn/ui

You can also refer to this repo to see how we're implementing light & dark theme functionality repo: https://github.com/hemantwasthere/stellar-admin

[ivanosquis10]

Hi friend, how's it going?? I wanted to try to solve the problem but I got an error from the ".env" and I saw that there is an "admin" version, I got the API from there but I get errors and the app does not load. I don't know if you could tell me how the api url should look or something for it to work, and to be able to implement the dark mode

[IrfanshaikH-7]

The application has a dashboard backend ! Which Generates API for frontend !

[hemantwasthere]

Hi friend, how's it going?? I wanted to try to solve the problem but I got an error from the ".env" and I saw that there is an "admin" version, I got the API from there but I get errors and the app does not load. I don't know if you could tell me how the api url should look or something for it to work, and to be able to implement the dark mode

you have to get yourself and api url from https://stellaradmin.vercel.app/ and add this url in the .env of stellar store project

like this and don't copy the URL from the above image :)

[ivanosquis10]

Yes that's what I did, but it didn't work😔

[hemantwasthere]

It should work bro, are you free to connect now?

[ivanosquis10]

This is the message I get, it's weird lol

[hemantwasthere]

Strange, everything is working fine by my side