DaisyUI Integriert

tailwind.config.cjs

@@ -1,20 +1,28 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}","./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-	theme: {
-		extend: {
-			colors: {
-				primary: "rgb(255, 125, 38)",
+	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+	darkMode: "class",
+	plugins: [require("daisyui")],
+	daisyui: {
+		themes: [{light: {
+			primary: "rgb(255, 125, 38)",
 				secondary: "rgb(68, 79, 148)",
 				"gray-primary": "rgb(146, 151, 153)",
 				bg: "white",
 				"status-error": "red",
 				"status-success": "green",
 				"pdf-yellow-bright": "#f3cb00",
-				"pdf-yellow-light": "#fff6ca"
-			},
-		},
-	},
-	darkMode: "class",
-	plugins: [],
-};
+				"pdf-yellow-light": "#fff6ca",
+				neutral: "#000",
+				"neutral-content": "#fff",
+				"base-content": "#000000"
+		}}],
+		darkTheme: "dark", // name of one of the included themes for dark mode
+		base: true, // applies background color and foreground color for root element by default
+		styled: true, // include daisyUI colors and design decisions for all components
+		utils: true, // adds responsive and modifier utility classes
+		prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+		logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+		themeRoot: ":root", // The element that receives theme color CSS variables
+	}
+};