CSS
Take advantage of the Tailpro past, current and future updates, by learning how to create your own content without changing the core styles of Tailpro.
How to create a new style?
To avoid file loss, overrides of your custom styles or any other conflicts during the upgrade process, create or modify your styles with add your custom css/precss in src/tailwindcss/tailwindcss.css file.
@import "tailwindcss";
@theme {
--font-sans: "Inter", "sans-serif";
--font-serif: "Merriweather", "sans-serif";
--color-primary-50: oklch(0.962 0.018 272.314);
--color-primary-100: oklch(0.93 0.034 272.788);
--color-primary-200: oklch(0.87 0.065 274.039);
--color-primary-300: oklch(0.785 0.115 274.713);
--color-primary-400: oklch(0.673 0.182 276.935);
--color-primary-500: oklch(0.585 0.233 277.117);
--color-primary-600: oklch(0.511 0.262 276.966);
--color-primary-700: oklch(0.457 0.24 277.023);
--color-primary-800: oklch(0.398 0.195 277.366);
--color-primary-900: oklch(0.359 0.144 278.697);
--color-primary-950: oklch(0.257 0.09 281.288);
--color-amber-*: initial;
--color-emerald-*: initial;
--color-cyan-*: initial;
--color-violet-*: initial;
--color-fuchsia-*: initial;
--color-rose-*: initial;
--blur-*: initial;
--perspective-*: initial;
--drop-shadow-*: initial;
}
More information about custom in Tailwindcss is in here