How to change one of them's attribute color run time and dynamically

[saberpooyan]

Hi, I need to change for example just my primary color run time. In case I have the below code in tailwind.config.js class, I want to add a feature to the theme manager that could change just the primary variable color to colors.blue[600] or anything else by end-user without changing the current theme. What do you think I should do?

const themes = { // Default theme is required for theming system to work correctly! default: { primary: { ...colors.slate, DEFAULT: colors.slate[500], }, secondary: { ...colors.lime, DEFAULT: colors.lime[500], } }