https://github.com/hexadog/tailwind-social-colors

Social color palette for TailwindCSS
https://github.com/hexadog/tailwind-social-colors

tailwind tailwind-css tailwindcss

Last synced: about 2 months ago
JSON representation

Social color palette for TailwindCSS

• Host: GitHub
• URL: https://github.com/hexadog/tailwind-social-colors
• Owner: hexadog
• License: mit
• Created: 2023-06-19T08:17:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-20T11:07:53.000Z (over 1 year ago)
• Last Synced: 2024-11-15T03:04:48.786Z (2 months ago)
• Topics: tailwind, tailwind-css, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tailwind-css-social-colors

Social color palette for TailwindCSS

Standard social color = Swatch 500

_Shades generated via https://www.tints.dev/_

## Installation

Install the NPM package:

```sh

# Install using npm

npm install --save-dev @hexadog/tailwind-social-colors

# Install using yarn

yarn add -D @hexadog/tailwind-social-colors

# Install using pnpm

pnpm install -D @hexadog/tailwind-social-colors

```

## Usage

Edit your Tailwind config to extend your theme colors.

```js

// tailwind.config.js

const socialColors = require('@hexadog/tailwind-social-colors');

module.exports = {

    theme: {

        extend: {

            colors: { ...socialColors },

        }

    }

}

```

Start using your social colors!

```html



    

        

        

    



```