# @allmaps/tailwind

> Allmaps Tailwind CSS presets

Latest version **1.0.0-beta.22** (published 2026-09-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @allmaps/tailwind
pnpm add @allmaps/tailwind
yarn add @allmaps/tailwind
bun add @allmaps/tailwind
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 1.0.0-beta.22 |
| Published | 2026-09-22 |
| First published | 2023-08-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 0 |
| Unpacked size | 11.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 143 |
| Author | Bert Spaan |
| Maintainers | bertspaan |
| Keywords | allmaps, tailwind, css |

## Links

- npm: https://www.npmjs.com/package/@allmaps/tailwind
- Repository: https://github.com/allmaps/allmaps
- Homepage: https://allmaps.org
- Issues: https://github.com/allmaps/allmaps/issues
- npm.io page: https://npm.io/package/@allmaps/tailwind

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 1.0.0-beta.22 (latest) — 2026-09-22
- 1.0.0-beta.17 (beta) — 2025-05-22
- 1.0.0-beta.21 — 2026-05-28
- 1.0.0-beta.20 — 2025-11-10
- 1.0.0-beta.19 — 2025-07-09
- 1.0.0-beta.18 — 2025-07-07
- 1.0.0-beta.16 — 2025-03-12
- 1.0.0-beta.14 — 2024-10-31
- 1.0.0-beta.13 — 2024-08-20
- 1.0.0-beta.12 — 2024-05-29
- 1.0.0-beta.11 — 2024-03-09
- 1.0.0-beta.9 — 2024-02-09
- 1.0.0-beta.8 — 2023-09-13
- 1.0.0-beta.7 — 2023-08-22

## README

# @allmaps/tailwind

Tailwind CSS theme for Allmaps.

## License

MIT

## API

### `Shades`

###### Type

```ts
[
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`,
  `#${string}`
]
```

### `black`

###### Type

```ts
'#222222'
```

### `current`

###### Type

```ts
'currentColor'
```

### `inherit`

###### Type

```ts
'inherit'
```

### `originalColorIndex`

###### Type

```ts
4
```

### `shades`

###### Fields

* `blue` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `darkblue` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `gray` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `green` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `orange` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `pink` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `purple` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `red` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)
* `yellow` (``[   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`,   `#${string}`
  ]``)

### `themeColors`

###### Fields

* `black` (`` `#${string}` ``)
* `blue` (`` `#${string}` ``)
* `current` (`string`)
* `darkblue` (`` `#${string}` ``)
* `gray` (`` `#${string}` ``)
* `green` (`` `#${string}` ``)
* `inherit` (`string`)
* `orange` (`` `#${string}` ``)
* `pink` (`` `#${string}` ``)
* `purple` (`` `#${string}` ``)
* `red` (`` `#${string}` ``)
* `transparent` (`string`)
* `white` (`` `#${string}` ``)
* `yellow` (`` `#${string}` ``)

### `transparent`

###### Type

```ts
'transparent'
```

### `white`

###### Type

```ts
'#ffffff'
```

---
_Source: https://npm.io/package/@allmaps/tailwind · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._