# @digital-go-jp/tailwind-theme-plugin

> [@digital-go-jp/design-tokens](https://www.npmjs.com/package/@digital-go-jp/design-tokens) をベースにした Tailwind CSS のテーマプラグイン。

Latest version **2.0.0** (published 2026-10-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @digital-go-jp/tailwind-theme-plugin
pnpm add @digital-go-jp/tailwind-theme-plugin
yarn add @digital-go-jp/tailwind-theme-plugin
bun add @digital-go-jp/tailwind-theme-plugin
```

## Health

**Score 70/100 (B)** — status: active.

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

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2026-10-22 |
| First published | 2023-05-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 42.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 116 |
| Author | Digital Agency |
| Maintainers | koswatana, johnykei, tsmd-da, takumi-hatta, d-date-da, yukawaura |

## Links

- npm: https://www.npmjs.com/package/@digital-go-jp/tailwind-theme-plugin
- Repository: https://github.com/digital-go-jp/tailwind-theme-plugin
- Homepage: https://github.com/digital-go-jp/tailwind-theme-plugin#readme
- Issues: https://github.com/digital-go-jp/tailwind-theme-plugin/issues
- npm.io page: https://npm.io/package/@digital-go-jp/tailwind-theme-plugin

## Recent versions

- 2.0.0 (latest) — 2026-10-22
- 1.0.1 — 2026-06-16
- 1.0.0 — 2026-05-28
- 0.3.4 — 2026-01-26
- 0.3.3 — 2025-11-13
- 0.3.2 — 2025-08-07
- 0.3.1 — 2025-06-02
- 0.3.0 — 2025-04-28
- 0.2.5 — 2025-03-10
- 0.2.4 — 2025-02-27
- 0.2.3 — 2025-01-22
- 0.2.2 — 2024-12-10
- 0.2.1 — 2024-11-29
- 0.2.0 — 2024-10-25
- 0.1.17 — 2024-09-26
- … 37 more at https://npm.io/package/@digital-go-jp/tailwind-theme-plugin/versions

## README

# Tailwind Theme Plugin

[@digital-go-jp/design-tokens](https://www.npmjs.com/package/@digital-go-jp/design-tokens) をベースにした Tailwind CSS のテーマプラグイン。

[![npm version](https://badge.fury.io/js/@digital-go-jp%2Ftailwind-theme-plugin.svg)](https://badge.fury.io/js/@digital-go-jp%2Ftailwind-theme-plugin)

## インストール

```sh
npm install @digital-go-jp/tailwind-theme-plugin
```

## プラグイン設定方法

### Tailwind CSS v3

`tailwind.config.js` の `plugins` 部分を以下のように設定してください。

```js
{
  content: [...],
  theme: {
    extend: {
      ...
    },
  },
  plugins: [require('@digital-go-jp/tailwind-theme-plugin')],
}
```

### Tailwind CSS v4

Tailwind CSS の設定をしている CSS ファイルで以下のように設定してください。

```css
@import 'tailwindcss';
@import '@digital-go-jp/tailwind-theme-plugin/v4';
```

## v2 への移行

v1.x からの破壊的変更と対応方法は、[移行ガイド](./MIGRATION.md)を参照してください。

v2.0.0 は `@digital-go-jp/design-tokens` v2.1.0 をベースにしています。Tailwind CSS の対応バージョンは v3.4.17 以降の v3 系、および v4 系です。

## 使用例

- [examples](./examples/) ディレクトリ
- [React サンプルコンポーネント集](https://github.com/digital-go-jp/design-system-example-components)

## バージョン対応表

| Figma のバージョン | パッケージのバージョン |
| ------------------ | ---------------- |
| 2.3.0〜2.18.2       | 2.0.0            |
| 2.3.0〜2.14.0       | 1.0.1            |
| 2.2.0              | 0.2.5            |
| 2.1.3              | 0.2.5            |
| 2.1.2              | 0.2.5            |
| 2.1.1              | 0.2.5            |
| 2.1.0              | 0.2.5            |
| 2.0.4              | 0.2.5            |
| 2.0.3              | 0.2.0            |
| 2.0.2              | 0.1.17           |
| 2.0.1              | 0.1.16           |
| 1.4.3              | 0.1.16           |

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