update readme

MAHcodes · May 6, 2024 · 1823440 · 1823440
1 parent fddeb56
commit 1823440
Showing 1 changed file with 35 additions and 35 deletions.
diff --git a/README.md b/README.md
@@ -66,41 +66,41 @@ To manually configure the colors:
 ```js
 // tailwind.config.js
 module.exports = {
-  theme: {
-    extend: {
-      colors: {
-        neutral: {
-          DEFAULT: \"hsl(var(--neutral) / <alpha-value>)\",
-          foreground: \"hsl(var(--neutral-foreground) / <alpha-value>)\",
-        },
-        primary: {
-          DEFAULT: \"hsl(var(--primary) / <alpha-value>)\",
-          foreground: \"hsl(var(--primary-foreground) / <alpha-value>)\",
-        },
-        secondary: {
-          DEFAULT: \"hsl(var(--secondary) / <alpha-value>)\",
-          foreground: \"hsl(var(--secondary-foreground) / <alpha-value>)\",
-        },
-        info: {
-          DEFAULT: \"hsl(var(--info) / <alpha-value>)\",
-          foreground: \"hsl(var(--info-foreground) / <alpha-value>)\",
-        },
-        success: {
-          DEFAULT: \"hsl(var(--success) / <alpha-value>)\",
-          foreground: \"hsl(var(--success-foreground) / <alpha-value>)\",
-        },
-        warning: {
-          DEFAULT: \"hsl(var(--warning) / <alpha-value>)\",
-          foreground: \"hsl(var(--warning-foreground) / <alpha-value>)\",
-        },
-        danger: {
-          DEFAULT: \"hsl(var(--danger) / <alpha-value>)\",
-          foreground: \"hsl(var(--danger-foreground) / <alpha-value>)\",
-        },
-      },
-    },
-  },
-}
+	theme: {
+		extend: {
+			colors: {
+				neutral: {
+					DEFAULT: "hsl(var(--neutral) / <alpha-value>)",
+					foreground: "hsl(var(--neutral-foreground) / <alpha-value>)",
+				},
+				primary: {
+					DEFAULT: "hsl(var(--primary) / <alpha-value>)",
+					foreground: "hsl(var(--primary-foreground) / <alpha-value>)",
+				},
+				secondary: {
+					DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
+					foreground: "hsl(var(--secondary-foreground) / <alpha-value>)",
+				},
+				info: {
+					DEFAULT: "hsl(var(--info) / <alpha-value>)",
+					foreground: "hsl(var(--info-foreground) / <alpha-value>)",
+				},
+				success: {
+					DEFAULT: "hsl(var(--success) / <alpha-value>)",
+					foreground: "hsl(var(--success-foreground) / <alpha-value>)",
+				},
+				warning: {
+					DEFAULT: "hsl(var(--warning) / <alpha-value>)",
+					foreground: "hsl(var(--warning-foreground) / <alpha-value>)",
+				},
+				danger: {
+					DEFAULT: "hsl(var(--danger) / <alpha-value>)",
+					foreground: "hsl(var(--danger-foreground) / <alpha-value>)",
+				},
+			},
+		},
+	},
+};
 ```
 
 Define CSS variables for light and dark theme: