How do I let the user overwrite theme colors dynamically?

Desired result:
User can select primary and secondary colour (perhaps more later) that will overwrite the default theme colours. This will be applied to their own subdomain (saas structure)

Example with where I’m stuck:

  1. Primary default colour is pink image

  2. User in their admin panel sets it to blue for their subdomain (school.site.com , this is saved in the database

  3. I set up logic that on every page load it checks if the current subdomain exists, if yes then it’ll load the blue color code

  4. At this point I have an ejs code: <%=get_school_customisation[0].school_primary_color%> (using server side data with node)

5. How can I overwrite the theme manager colours? From what I understand the bootstrap css is compiled by the theme manager on deploy.

Community Page
Last updated: