Skip to content

vitordino/zedwind

Repository files navigation

 zedwind

use zed themes on tailwindcss

usage

instal the package:

npm i -D zedwind

add zedwind as plugin and pass in an array of themes you would like it to bundle. eg.: tailwind.config.ts

import type { Config } from 'tailwindcss'
import zedwindPlugin from 'zedwind'

const config: Config = {
	// ... rest of configs
	plugins: [zedwindPlugin({ themes: ['Ayu Dark', 'Ayu Light'] })],
}

export default config

the themes prop is properly typed so you should get proper auto-complete for the theme names


if you want all themes, we also export an ALL_THEMES array with all the supported themes: tailwind.config.ts

import type { Config } from 'tailwindcss'
import zedwindPlugin, { ALL_THEMES } from 'zedwind'

const config: Config = {
	// ... rest of configs
	plugins: [zedwindPlugin({ themes: ALL_THEMES })],
}

export default config