Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/philippbosch/tailwind-swatches
https://github.com/philippbosch/tailwind-swatches
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/philippbosch/tailwind-swatches
- Owner: philippbosch
- Created: 2019-08-16T16:26:51.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-31T05:17:10.000Z (over 3 years ago)
- Last Synced: 2024-07-24T18:55:00.487Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 14.6 KB
- Stars: 11
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind CSS Swatches
Generate a macOS color palette from your Tailwind CSS config.
The file will be created in `~/Libary/Colors` where the system-native color picker will pick it up automatically. (Note: you may need to restart your application for the generated palette to show up.)
## Installation
```bash
$ npm install -D tailwind-swatches
```
## Requirements
- macOS
- Node 8+
- Xcode Command Line Tools [^1]
- a working Tailwind CSS project set-up
## Usage
```bash
$ npx tailwind-swatches --help
Options:
--help Show help [boolean]
--version Show version number [boolean]
-n, --name Name of the generated color palette
[string] [default: "Tailwind CSS"]
-c, --config Path to the Tailwind CSS config[default: "./tailwind.config.js"]
```
Example:
```bash
$ npx tailwind-swatches -c /path/to/tailwind.config.js -n "My Project"
```
[^1]: We create and execute a temporary Swift file that generates the actual color palette file.