/tailwindcss-brand-colors

Tailwind plugin for adding brands colors.

Primary LanguageTypeScriptMIT LicenseMIT

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

Inspired by Simple Icons.

License

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