Build color variables into templates

[balsama]

Tailwind comes with a large color palette.The provided templates use a combination of blue-600 for links and highlights. It would be nice if this was a variable so that developers could change it in one place to customize rather than throughout the templates.

[lauriii]

Are you asking for more structure to how the colors are being selected so that all uses of one color could be changed to something else more easily? Example of this would be something like this https://tailwindcss.com/docs/customizing-colors#aliasing-color-names.

[balsama]

Are you asking for more structure to how the colors are being selected so that all uses of one color could be changed to something else more easily?

Yes. I think I jumped to a solution in the issue summary. If I understand correctly, aliasing the current blue-600 class to highlight-color or something like that would work well (given you could easily change what highlight-color mapped to.

[fiasco]

Just a side note I learned while building an app with this framework: tailwind relies on a JIT compiler that needs to see the class names in the react templates. If you try to dynamically build a class like color + '-600', it will not work as tailwind will fail to include the CSS required.