@unmilley/daisyui

🌼 DaisyUI Theme generator

Generating a theme for 🌼 daisyUI in the usual way via config.

Install

Install package:

# yarn
yarn add -D @unmilley/daisyui
# npm
npm install -D @unmilley/daisyui
# pnpm
pnpm install -D @unmilley/daisyui

Usage

/* tailwind.config.ts */
import daisyui from "daisyui";
import type { Config } from "tailwindcss";
import { defineTheme, type Variables } from "@unmilley/daisyui";

const VARIABLES: Variables = {
  roundedBox: "1.2rem",
  roundedBadge: "0.4rem",
};

const light = defineTheme({
  extends: "cupcake",
  colors: {
    accent: "#ffb86c",
    accentContent: "#160c04",
  },
  variables: VARIABLES,
});

const dark = defineTheme({
  extends: "dark",
  colors: {
    base100: "#401c52",
    baseContent: "#e3af40",
  },
  variables: VARIABLES,
});

export default <Partial<Config>>{
  plugins: [daisyui],
  daisyui: {
    themes: [{ dark, light }],
  },
};

Development

local development

• Clone this repository
• Install latest LTS version of Node.js
• Enable Corepack using corepack enable
• Install dependencies using pnpm install
• Run interactive tests using pnpm dev

License

MIT. Made with 💛