-
Notifications
You must be signed in to change notification settings - Fork 143
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(package): update
tailwindcss-colors
to 0.1.1
Use word triggers for all colors to prevent activation by partial matches.
- Loading branch information
1 parent
8209d51
commit 1d845a9
Showing
3 changed files
with
794 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
# `tailwindcss-colors` | ||
|
||
An [**Espanso**](https://github.com/espanso/espanso) [package](https://espanso.org/docs/packages/basics/) that provides [**TailwindCSS**](https://tailwindcss.com/)'s [default color palette](https://tailwindcss.com/docs/customizing-colors#default-color-palette) as hex color codes. This package is perfect for those who want quick access to TailwindCSS's hex color codes without needing to look them up in the documentation. | ||
|
||
## Features | ||
|
||
- Integrates smoothly with Espanso. | ||
- Outputs color hex codes of default TailwindCSS colors (e.g., `#3B82F6` for `blue-500`). | ||
- Provides simple triggers for fast and efficient use. | ||
|
||
## Installation | ||
|
||
1. Ensure you have [Espanso](https://espanso.org/) installed on your system. | ||
2. Install the `tailwindcss-colors` package: | ||
|
||
```bash | ||
espanso install tailwindcss-colors | ||
``` | ||
|
||
## Usage | ||
|
||
The triggers follow a straightforward pattern: `:<color_name>-<shade>`. Simply type the trigger to insert the corresponding TailwindCSS hex color codes into your text. Here are a few examples: | ||
|
||
| Trigger | Output | | ||
|------------------|------------| | ||
| `:blue-500` | `#3B82F6` | | ||
| `:gray-300` | `#D1D5DB` | | ||
| `:red-700` | `#B91C1C` | | ||
| `:yellow-400` | `#FACC15` | | ||
|
||
To explore the full range of TailwindCSS colors and their hex color codes, check out the [official TailwindCSS color documentation](https://tailwindcss.com/docs/customizing-colors#default-color-palette). | ||
|
||
## Uninstalling | ||
|
||
If you no longer need the `tailwindcss-colors` package, you can remove it easily: | ||
|
||
```bash | ||
espanso uninstall tailwindcss-colors | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
name: "tailwindcss-colors" | ||
title: "Tailwind CSS Colors" | ||
description: "A package that provides TailwindCSS's default color palette as hex color codes for quick access." | ||
version: 0.1.1 | ||
author: "Paulina Kalicka" | ||
tags: ["colors", "hex", "tailwindcss"] | ||
homepage: "https://github.com/paulinek13/espanso-hub/blob/main/packages/tailwindcss-colors/0.1.1/README.md" |
Oops, something went wrong.