conflicting brand

Tailwindcss Brand Colors

Tailwind plugin for adding brands colors as background, border and text colors.

Add this plugin to your project:

npm install tailwindcss-brand-colors --save

Add it to the plugins array of your Tailwind config:

// tailwind.config.js
plugins: [require("tailwindcss-brand-colors")],

For background color:

<div class="bg-google">Hello World</div>

For border color:

<div class="border-twitch border">Hello World</div>

For text color:

<p class="text-reddit">Hello World</p>

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        tailwind: "#00b4b6",
      },
    },
  },
};