https://github.com/praveenjuge/tailwindcss-brand-colors

Tailwind plugin for adding brands colors as background, border and text colors.
https://github.com/praveenjuge/tailwindcss-brand-colors

Last synced: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/praveenjuge/tailwindcss-brand-colors
• Owner: praveenjuge
• License: mit
• Created: 2020-07-29T14:13:57.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-10-31T03:24:52.000Z (about 1 year ago)
• Last Synced: 2025-01-02T21:15:49.701Z (12 days ago)
• Language: JavaScript
• Homepage:
• Size: 16.6 KB
• Stars: 86
• Watchers: 3
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-tailwindcss - Brand Colors - Adds various brand colors for background, border and text. (Plugins)

README

        
# Tailwindcss Brand Colors

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

## Installation

Add this plugin to your project:

```sh

npm install tailwindcss-brand-colors --save

```

## Usage

Add it to the plugins array of your Tailwind config:

```js

// tailwind.config.js

plugins: [require("tailwindcss-brand-colors")],

```

[See the list of all brand colors available here](https://github.com/praveenjuge/tailwindcss-brand-colors/blob/master/index.js)

For background color:

```html

Hello World

```


For border color:

```html

Hello World

```


For text color:

```html

Hello World

```


## Add your own colors

```js

// tailwind.config.js

module.exports = {

  theme: {

    extend: {

      colors: {

        tailwind: "#00b4b6",

      },

    },

  },

};

```