tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.56 kB
CSS
@theme {
--color-pinkp3a-1: color(display-p3 0.675 0.024 0.675 / 0.012);
--color-pinkp3a-2: color(display-p3 0.757 0.02 0.51 / 0.032);
--color-pinkp3a-3: color(display-p3 0.765 0.008 0.529 / 0.083);
--color-pinkp3a-4: color(display-p3 0.737 0.008 0.506 / 0.134);
--color-pinkp3a-5: color(display-p3 0.663 0.004 0.451 / 0.185);
--color-pinkp3a-6: color(display-p3 0.616 0.004 0.424 / 0.244);
--color-pinkp3a-7: color(display-p3 0.596 0.004 0.412 / 0.318);
--color-pinkp3a-8: color(display-p3 0.573 0.004 0.404 / 0.412);
--color-pinkp3a-9: color(display-p3 0.682 0 0.447 / 0.702);
--color-pinkp3a-10: color(display-p3 0.655 0 0.424 / 0.73);
--color-pinkp3a-11: color(display-p3 0.698 0.219 0.528);
--color-pinkp3a-12: color(display-p3 0.363 0.101 0.279);
--color-pinkdarkp3a-1: color(display-p3 0.984 0.071 0.855 / 0.03);
--color-pinkdarkp3a-2: color(display-p3 1 0.2 0.8 / 0.059);
--color-pinkdarkp3a-3: color(display-p3 1 0.294 0.886 / 0.139);
--color-pinkdarkp3a-4: color(display-p3 1 0.192 0.82 / 0.219);
--color-pinkdarkp3a-5: color(display-p3 1 0.282 0.827 / 0.274);
--color-pinkdarkp3a-6: color(display-p3 1 0.396 0.835 / 0.337);
--color-pinkdarkp3a-7: color(display-p3 1 0.459 0.831 / 0.442);
--color-pinkdarkp3a-8: color(display-p3 1 0.478 0.827 / 0.585);
--color-pinkdarkp3a-9: color(display-p3 1 0.373 0.784 / 0.761);
--color-pinkdarkp3a-10: color(display-p3 1 0.435 0.792 / 0.795);
--color-pinkdarkp3a-11: color(display-p3 1 0.535 0.78);
--color-pinkdarkp3a-12: color(display-p3 0.964 0.826 0.912);
}