search

nusserstudios / tailbliss

TailBliss is a Hugo Starter theme built on TailwindCSS 3, and Alpine.JS.
https://tailbliss.netlify.app/
Apache License 2.0
314 stars 146 forks source link

How do you change colors? #106

Closed andresf91 closed 1 year ago

andresf91 commented 1 year ago

I can't get my head around how to change colors. I tried extending colors in tailwind.config.js with no luck. Any help or link to the correct guide? Thanks

nusserstudios commented 1 year ago

Its the tailwind.config.js Change the primary. Search and replace indigo for primary, and that should help.

nusserstudios commented 1 year ago

OK, I was wrong. My apologies. I updated the tailwind.config.js file to use primary (indigo) and secondary (pink). Use https://www.tailwindshades.com/ with https://tailwindcss.com/docs/customizing-colors or create your own custom color palettes.

andresf91 commented 1 year ago

I'll give it a try

andresf91 commented 1 year ago

Thanks for checking this problem and finding a fix.

I should add that in layouts/partials/nav.html, the background is not using primary. I replaced every gray word with primary and it's working.