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],
}
}