tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.55 kB
CSS
@theme {
--color-skyp3a-1: color(display-p3 0.02 0.804 1 / 0.02);
--color-skyp3a-2: color(display-p3 0.024 0.592 0.757 / 0.048);
--color-skyp3a-3: color(display-p3 0.004 0.655 0.886 / 0.102);
--color-skyp3a-4: color(display-p3 0.004 0.604 0.851 / 0.157);
--color-skyp3a-5: color(display-p3 0.004 0.565 0.792 / 0.224);
--color-skyp3a-6: color(display-p3 0.004 0.502 0.737 / 0.299);
--color-skyp3a-7: color(display-p3 0.004 0.459 0.694 / 0.397);
--color-skyp3a-8: color(display-p3 0 0.435 0.682 / 0.542);
--color-skyp3a-9: color(display-p3 0.004 0.71 0.965 / 0.416);
--color-skyp3a-10: color(display-p3 0.004 0.647 0.914 / 0.444);
--color-skyp3a-11: color(display-p3 0.193 0.448 0.605);
--color-skyp3a-12: color(display-p3 0.145 0.241 0.329);
--color-skydarkp3a-1: color(display-p3 0 0.282 0.996 / 0.055);
--color-skydarkp3a-2: color(display-p3 0.157 0.467 0.992 / 0.089);
--color-skydarkp3a-3: color(display-p3 0.192 0.522 0.996 / 0.19);
--color-skydarkp3a-4: color(display-p3 0.212 0.584 1 / 0.274);
--color-skydarkp3a-5: color(display-p3 0.259 0.631 1 / 0.349);
--color-skydarkp3a-6: color(display-p3 0.302 0.655 1 / 0.433);
--color-skydarkp3a-7: color(display-p3 0.329 0.686 1 / 0.526);
--color-skydarkp3a-8: color(display-p3 0.325 0.71 1 / 0.643);
--color-skydarkp3a-9: color(display-p3 0.592 0.894 1 / 0.984);
--color-skydarkp3a-10: color(display-p3 0.722 0.933 1 / 0.992);
--color-skydarkp3a-11: color(display-p3 0.536 0.772 0.924);
--color-skydarkp3a-12: color(display-p3 0.799 0.947 0.993);
}