Custom theme with Tailwind Standalone CLI

[Bhacaz]

Hi, I had a hard time figuring out how to use a custom theme when using only the Tailwind Standalone CLI. I followed the Rails + Bundle File instructions, which worked great.

All the theme references in the documentation use @plugin "daisyui/theme" { ... }, but this doesn't work when using @plugin "./daisyui.js";.

I finally got it working by following the same format used in CDN theme files, such as daisyui@5/theme/light.css:

@import "tailwindcss";
@plugin "./daisyui.js";

:root, :root:has(input.theme-controller[value=light]:checked), [data-theme="mytheme"] {
  name: "mytheme";
  default: true;
  prefersdark: true;
  color-scheme: "dark";
  --color-base-100: oklch(12% 0.042 264.695);
  ...
}

And it works!

So, here’s my question/comment:

• Is there a better way to use a custom theme when using @plugin "./daisyui.js"?
• Is this documented somewhere? I couldn’t find it, but if not, it would be a great addition.

Thanks!

[saadeghi]

Hey.
It's not documented but I will add it to docs soon.

To use custom themes with standalone file, ownload daisyui-theme.js as well:

curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui-theme.js

Instead of @plugin "daisyui/theme" { ... }, use it like

@plugin "path/to/daisyui-theme.js" { ... }

(replace path/to/ to address where the file is)

Let me know if you have any questions

[Bhacaz]

Works great thank you for the quick reply.