How to add brand colors on TailwindCSS

ublabs / tailwindcss-brand-colors

Tailwind plugin for adding brands colors.

TailwindCSS Brand Colors

Tailwind plugin for adding brands colors.

---

Install

npm install @ublabs/tailwindcss-brand-colors

or

yarn add @ublabs/tailwindcss-brand-colors

Add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    //  for all list
    require('@ublabs/tailwindcss-brand-colors'),
    // select the brands
    require('@ublabs/tailwindcss-brand-colors')(['angular', 'tailwindcss']),
    // ...
  ],
};

See the list of all brand colors available here

How to add a new brand color?

• Fork/Clone Repository

  git clone https://github.com/YOUR-USERNAME/tailwindcss-brand-colors

• Install Dependencies

  yarn install

• Select Color

  Ex: #111827

• Set Brand Color

  yarn nx workspace-schematic add-brand --name=<brand-name> --hex=#111827

Credits

• Adrián UB
• All Contributors

Inspired by Simple Icons.

License

The MIT License (MIT). Please see License File for more information.

View on GitHub