app.config.ts

export default defineAppConfig({
	ui: {
		primary: "indigo",
		gray: "zinc",
		variables: {
			light: {
				background: "var(--color-gray-50)",
			},
			dark: {
				background: "var(--color-gray-950)",
			},
		},
		button: {
			rounded: "rounded-full",
			default: {
				size: "md",
				color: "black",
			},
		},
		header: {
			wrapper: "lg:!border-transparent bg-gray-50 dark:bg-gray-950",
			links: {
				wrapper:
					"ring-1 ring-gray-200 dark:ring-gray-800 px-3 gap-x-0 rounded-full",
				base: "py-2 px-4 font-medium transition-colors relative after:absolute after:-bottom-px after:inset-x-2 after:h-px after:rounded-full after:opacity-0 after:bg-gray-900 dark:after:bg-white after:transition-opacity",
				active: "text-gray-900 dark:text-white after:opacity-100",
				inactive:
					"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
			},
		},
		footer: {
			top: {
				wrapper: "border-t border-gray-200 dark:border-gray-800",
				container: "py-8 lg:py-16",
			},
			bottom: {
				wrapper: "border-t border-gray-200 dark:border-gray-800",
			},
		},
		pricing: {
			card: {
				highlight: "ring-gray-900 dark:ring-white",
				features: {
					item: {
						icon: {
							base: "text-gray-900 dark:text-white",
						},
					},
				},
			},
		},
	},
});