A super tiny tailwind plugin that enables the use of the Nord color palette.
Made this mainly for myself, as I kept copying the Nord colours over manually. But hopefully it can save someone else 5 mins at the start of a project!
npm i tailwind-nord
In your tailwind.config.js:
plugins: [
require('tailwind-nord'),
],You now have access to the Nord theme anywhere you would use normal tailwind colours.
<div class="bg-nord0">
<p class="text-nord5">Hello, this is some text</p>
</div>You can use the colour names set in the Nord documentation. Check that out here.
But you can also use Tailwind-like color names as shown below.
<div class="bg-nord-0">
<p class="text-nord-5">Hello, this is some text</p>
</div>