vartheme 0.1.5 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -249,6 +249,42 @@ If you like this project:
|
|
|
249
249
|
|
|
250
250
|
---
|
|
251
251
|
|
|
252
|
+
## Tailwind Plugin
|
|
253
|
+
|
|
254
|
+
vartheme comes with a Tailwind CSS plugin that adds CSS variables as Tailwind classes.
|
|
255
|
+
|
|
256
|
+
### Setup
|
|
257
|
+
```js
|
|
258
|
+
// tailwind.config.js
|
|
259
|
+
import { varthemePlugin } from 'vartheme/tailwind'
|
|
260
|
+
|
|
261
|
+
export default {
|
|
262
|
+
plugins: [varthemePlugin],
|
|
263
|
+
}
|
|
264
|
+
```
|
|
265
|
+
|
|
266
|
+
### Usage
|
|
267
|
+
```jsx
|
|
268
|
+
// Ab directly Tailwind classes use karo
|
|
269
|
+
<div className="bg-vt-surface text-vt-text border border-vt-border">
|
|
270
|
+
<h1 className="text-vt-primary">Hello!</h1>
|
|
271
|
+
<button className="bg-vt-primary text-white">Click me</button>
|
|
272
|
+
</div>
|
|
273
|
+
```
|
|
274
|
+
|
|
275
|
+
### Available Classes
|
|
276
|
+
|
|
277
|
+
| Class | CSS Variable |
|
|
278
|
+
|-------|-------------|
|
|
279
|
+
| `bg-vt-primary` | `--vt-primary` |
|
|
280
|
+
| `bg-vt-background` | `--vt-background` |
|
|
281
|
+
| `bg-vt-surface` | `--vt-surface` |
|
|
282
|
+
| `text-vt-text` | `--vt-text` |
|
|
283
|
+
| `text-vt-primary` | `--vt-primary` |
|
|
284
|
+
| `text-vt-accent` | `--vt-accent` |
|
|
285
|
+
| `border-vt-border` | `--vt-border` |
|
|
286
|
+
| `shadow-vt-glow` | `--vt-primary` glow |
|
|
287
|
+
|
|
252
288
|
## 📄 License
|
|
253
289
|
|
|
254
290
|
MIT © 2026 vartheme
|