Home

Awesome

Tailwindcss Brand Colors

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

Installation

Add this plugin to your project:

npm install tailwindcss-brand-colors --save

Usage

Add it to the plugins array of your Tailwind config:

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

See the list of all brand colors available here

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>

Add your own colors

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