new buttons

1 files changed, 25 insertions, 0 deletions

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..8bc2b2d
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,25 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: ["./src/**/*.{html,js,svelte}"],
+	plugins: [require("daisyui")],
+	daisyui: {
+		themes: [
+			{
+				light: {
+					...require("daisyui/src/theming/themes").lofi,
+					gradient: "#C3CFE2",
+          error: "#b91c1c",
+				},
+			},
+		], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
+		darkTheme: "dark", // name of one of the included themes for dark mode
+    darkMode: 'class',
+		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: false, // 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
+	},
+	safelist: ["w-16", "h-16", "w-20", "h-20", "w-24", "h-24"],
+};