tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.62 kB
CSS
@theme {
--color-purplep3a-1: color(display-p3 0.675 0.024 0.675 / 0.012);
--color-purplep3a-2: color(display-p3 0.443 0.024 0.722 / 0.028);
--color-purplep3a-3: color(display-p3 0.506 0.008 0.835 / 0.071);
--color-purplep3a-4: color(display-p3 0.451 0.004 0.831 / 0.114);
--color-purplep3a-5: color(display-p3 0.431 0.004 0.788 / 0.165);
--color-purplep3a-6: color(display-p3 0.384 0.004 0.745 / 0.228);
--color-purplep3a-7: color(display-p3 0.357 0.004 0.71 / 0.31);
--color-purplep3a-8: color(display-p3 0.322 0.004 0.702 / 0.416);
--color-purplep3a-9: color(display-p3 0.298 0 0.639 / 0.683);
--color-purplep3a-10: color(display-p3 0.271 0 0.58 / 0.71);
--color-purplep3a-11: color(display-p3 0.473 0.281 0.687);
--color-purplep3a-12: color(display-p3 0.234 0.132 0.363);
--color-purpledarkp3a-1: color(display-p3 0.686 0.071 0.996 / 0.038);
--color-purpledarkp3a-2: color(display-p3 0.722 0.286 0.996 / 0.072);
--color-purpledarkp3a-3: color(display-p3 0.718 0.349 0.996 / 0.169);
--color-purpledarkp3a-4: color(display-p3 0.702 0.353 1 / 0.248);
--color-purpledarkp3a-5: color(display-p3 0.718 0.404 1 / 0.303);
--color-purpledarkp3a-6: color(display-p3 0.733 0.455 1 / 0.366);
--color-purpledarkp3a-7: color(display-p3 0.753 0.506 1 / 0.458);
--color-purpledarkp3a-8: color(display-p3 0.749 0.522 1 / 0.622);
--color-purpledarkp3a-9: color(display-p3 0.686 0.408 1 / 0.736);
--color-purpledarkp3a-10: color(display-p3 0.71 0.459 1 / 0.778);
--color-purpledarkp3a-11: color(display-p3 0.8 0.62 1);
--color-purpledarkp3a-12: color(display-p3 0.913 0.854 0.971);
}