vercel / nextjs-subscription-payments

Clone, deploy, and fully customize a SaaS subscription application with Next.js.

Home Page:https://subscription-payments.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Feature Request: Light Mode , Dark Mode

ivan20203 opened this issue · comments

Right now everything is hardcoded to be in dark mode.

I tried to get dark mode and light mode to work with next-themes:

https://github.com/pacocoursey/next-themes

But, I'm not sure the prefixing of dark: works.

As in, i can get the local storage to change to "light" or "dark"

But when i use the dark prefix in the Footer.tsx lets say it does not work.

For my Footer.tsx its a client component so I have no even thought about Server components.

is there some main.css overriding?

Or maybe i should do logic within client components to check local storage.

i can't do that im not admin.