started work on availability-color-selector

client/tailwind.config.ts

@@ -1,5 +1,5 @@
 import type { Config } from "tailwindcss";
-import { nextui } from "@nextui-org/theme";
+import { heroui } from "@heroui/theme";
 
 const HIGHLIGHT = "hsl(359,100%,65.7%)"; // #ff5053
 const FOREGROUND = "hsl(295,100%,97.5%)"; // #fef2ff
@@ -15,7 +15,7 @@ export default {
 		"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
 		"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
 		"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
-		"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
+		"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
 	],
 	theme: {
 		extend: {
@@ -54,9 +54,15 @@ export default {
 			numbers: ["space-mono"],
 		},
 	},
+	safelist: [
+		{
+			pattern:
+				/(text|bg)-(red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-600/,
+		},
+	],
 	darkMode: "class",
 	plugins: [
-		nextui({
+		heroui({
 			defaultTheme: "dark",
 			defaultExtendTheme: "dark",
 			themes: {