Add CSS variables for customization

[vdawg-git]

Adds CSS overridable CSS variables to customize the colors of the text (neutrals), background and the primary.

It works, but I set it as a draft as this is a breaking change as with this users need to provide a whole palette to customize the primary color.
Im not sure about the best way to handle that. Probably allowing both would work the best.

[netlify]

✅ Deploy Preview for hugo-hextra ready!

Name	Link
🔨 Latest commit	63d6870
🔍 Latest deploy log	https://app.netlify.com/sites/hugo-hextra/deploys/65fafabce5f3800008143d80
😎 Deploy Preview	https://deploy-preview-326--hugo-hextra.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[vdawg-git]

What are your thoughts on this?

[imfing]

It works, but I set it as a draft as this is a breaking change as with this users need to provide a whole palette to customize the primary color.

@Visual-Dawg thanks, like you said, asking users to provide a whole color palette which might be too much work. it also increases the complexity for maintaining.

i think what we can do is adding several custom utility classes in tailwind config to allow overriding at least backgrounds plus some other visual elements via CSS variables first.

[vdawg-git]

Sorry for answering so late.
I think waiting for Tailwind v4 might make sense, as this will ship with variables for the purpose of themeing.

Which should be much easier