Daisyui Config

作者 saadeghi9adbeaa25981無授權條款42K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫今天更新

Configuration options for daisyUI 5

僅含說明Software Development
AI 產生的概覽

記錄 daisyUI 5 外掛的設定選項，並提供範例 CSS 設定。

功能
此技能提供在 CSS 中設定 daisyUI 5 外掛的參考文件。它列出 themes、root、include、exclude、prefix 與 logs 等設定項目，並提供最簡與完整範例設定。它也說明如何設定預設主題與 prefersdark 主題，以及如何透過 data-theme 屬性切換主題。
適用情境
當你需要查閱 daisyUI 5 的設定方式時使用，例如啟用主題、設定預設或深色主題、排除元件或加上類別前綴。它是撰寫或調整樣式表中 daisyUI 外掛設定的參考資料。
執行需求
不需要指令碼或特殊工具，僅為說明與參考內容。它假定專案使用 daisyUI 5，且 CSS 建置支援 @plugin 指令，並引用了外部文件。

Configuration

daisyUI 5 configuration documentation: https://daisyui.com/docs/config/

daisyUI with no configuration:

css
@plugin "daisyui";

daisyUI configuration with only the light theme:

css
@plugin "daisyui" {  themes: light --default;}

daisyUI with all default settings:

css
@plugin "daisyui" {  themes: light --default, dark --prefersdark;  root: ":root";  include: ;  exclude: ;  prefix: ;  logs: true;}

Example configuration: This configuration enables all built-in themes. The bumblebee theme is the default theme. The synthwave theme is the prefersdark theme, which is the default dark mode. To use another enabled theme, add data-theme="THEME_NAME" to the <html> element. The configuration excludes the root scrollbar gutter. It uses the daisy- prefix for all daisyUI classes and disables console logs.

css
@plugin "daisyui" {  themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk;  root: ":root";  include: ;  exclude: rootscrollgutter, checkbox;  prefix: daisy-;  logs: false;}

來源與署名

來源：saadeghi/daisyui位於skills/daisyui/config提交9adbeaa

授權條款： 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架

更多來自 saadeghi/daisyui 的技能

Daisyui Usage

saadeghi

使用 daisyUI 5 元件類別與 Tailwind CSS 工具類別為 HTML 加上樣式的規則。

Software Development42K今天更新

Daisyui Install

saadeghi

提供 daisyUI 5 搭配 Tailwind CSS 4 的安裝說明，包含 npm 與 CDN 方式。

Software Development42K今天更新

Daisyui Colors

saadeghi

提供 daisyUI 5 語意化顏色名稱、使用規則與主題設定指引。

Software Development42K今天更新

Daisyui

saadeghi

在 HTML 與 JSX 中使用 Tailwind CSS 的 daisyUI 5 元件類別時提供的參考指南。

Software Development42K今天更新

更多Software Development技能

Playground

anthropics

精選

建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。

Software Development37K今天更新

M5 Onboard

anthropics

精選

透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。

Software Development37K今天更新

Cardputer Buddy

anthropics

精選

指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精選

依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。

Software Development32K5 週前更新

Vercel React Native Skills

vercel-labs

精選

React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。

Software Development32K5 週前更新

Vercel React Best Practices

vercel-labs

精選

Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。

Software Development32K5 週前更新