I want to let my customers set a primary and secondary color. I followed this blog from logrocket which basically extends the tailwind config and requires you to add a :root variable on page load. The problem I am running into is the hydration warning and it's causing the button to flicker because it now wants to run in client mode.

Does anyone have a better way they can think of to solve this?

Mentioned Blog: https://blog.logrocket.com/applying-dynamic-styles-tailwind-css/