How to change dynamically tailwind.config.js file color ?

[tasnimultas67]

Hello there, I want when the user selects the color code, that color code will be dynamically replaced in the color section of the config file and the color of the full website will be changed. I can only get the color code in the console but can't set it dynamically in the config file. I am building a website with React.js

[wongjn]

You could consider having the color in the Tailwind configuration as a CSS variable and then set the value of this CSS variable at runtime in the website.

[tasnimultas67]

Thank you sooo muchh ❤

[quedicesebas]

It is possible to set with variable the full palette, like this, but with css variables?:

primary: {
          '50': '#effaf4',
          '100': '#d7f4e3',
          '200': '#b3e7cc',
          '300': '#81d4ae',
          '400': '#4dba8b',
          '500': '#2a9f71',
          '600': '#1c7f5a',
          '700': '#16664a',
          '800': '#14513c',
          '900': '#114232',
          '950': '#09251d',
        },