How would you go for Themes on demand? (Nextjs SSR)

[jonoise]

Hey guys! What if I want to have multiple themes but the values stored in a database so each user can style the website as they please? I want to avoid any colors layout shift.

// layout server component
const theme = await getTheme(user.id)
<SetTheme theme={theme} /> // client component with useEffect

Getting them as this and then using a useEffect to set them in localStorage(for example) makes the app colors shift from none to the actual values. How can I avoid this!