# Customizing a Tailwind CSS theme - The complete tutorial

**URL:** <https://forum.pinegrow.com/t/customizing-a-tailwind-css-theme-the-complete-tutorial/4469>\
**Category:** General\
**Created:** [August 25, 2020, 5:58pm UTC](https://forum.pinegrow.com/t/customizing-a-tailwind-css-theme-the-complete-tutorial/4469 "2020-08-25T17:58:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DavidK](https://avatars.discourse-cdn.com/v4/letter/d/bbe5ce/32.png) [@DavidK](https://forum.pinegrow.com/u/DavidK)\
**Post date:** [August 25, 2020, 5:58pm UTC](https://forum.pinegrow.com/t/customizing-a-tailwind-css-theme-the-complete-tutorial/4469/1 "2020-08-25T17:58:36Z")

</div>

Another outstanding tutorial. I can’t emphasize enough how much these tutorials have accelerated my learning of Pinegrow.

So first, I want to thank the person on the Pinegrow team for creating this specific tutorial. It has really helped me to jump start my Tailwind customization efforts.

Second, I just want to point out a few things that maybe should be updated in the tutorial:

1. In the section called **Setting Up the Build Process** , the line of code to add in the package.json file is not correct. It should be the one actually shown in the listing of the package.json file below it.
2. With the latest version of tailwindcss (1.7), there will be build warnings about upcoming changes that can be remedied with an additional change to the tailwind.config.js file as described here: [https://tailwindcss.com/docs/upcoming-changes](https://tailwindcss.com/docs/upcoming-changes)

Again, great job on these tutorials. Thank you!

David

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [August 25, 2020, 10:14pm UTC](https://forum.pinegrow.com/t/customizing-a-tailwind-css-theme-the-complete-tutorial/4469/2 "2020-08-25T22:14:25Z")

</div>

Thanks @David, good catch! I fixed that line.

Regarding (2) I added the Keeping up to date section to the guide:

> **[Customizing a Tailwind CSS Theme](https://pinegrow.com/tutorials/customizing-a-tailwind-css-theme/#keeping-up-with-tailwind-css-development)**
>
> The complete tutorial on creating a custom Tailwind CSS theme, including installing Node.js and setting up the PostCSS build process.

Glad to hear the guide was helpful 🙂

---

<div class="post-metadata">

**Author:** ![msavard](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@msavard](https://forum.pinegrow.com/u/msavard)\
**Post date:** [August 31, 2020, 6:50pm UTC](https://forum.pinegrow.com/t/customizing-a-tailwind-css-theme-the-complete-tutorial/4469/3 "2020-08-31T18:50:11Z")

</div>

I just want to add my thanks as well. This was a very helpful tutorial even if one is not using your tailwind plugin. I wish I had this when I started playing around with Tailwind. It would have saved me hours!

Matt
