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-tomatop3a-1: color(display-p3 0.675 0.024 0.024 / 0.012);
--color-tomatop3a-2: color(display-p3 0.757 0.145 0.02 / 0.032);
--color-tomatop3a-3: color(display-p3 0.831 0.184 0.012 / 0.091);
--color-tomatop3a-4: color(display-p3 0.976 0.192 0.004 / 0.165);
--color-tomatop3a-5: color(display-p3 0.918 0.192 0.004 / 0.232);
--color-tomatop3a-6: color(display-p3 0.847 0.173 0.004 / 0.302);
--color-tomatop3a-7: color(display-p3 0.788 0.165 0.004 / 0.389);
--color-tomatop3a-8: color(display-p3 0.749 0.153 0.004 / 0.499);
--color-tomatop3a-9: color(display-p3 0.78 0.149 0 / 0.769);
--color-tomatop3a-10: color(display-p3 0.757 0.141 0 / 0.8);
--color-tomatop3a-11: color(display-p3 0.755 0.259 0.152);
--color-tomatop3a-12: color(display-p3 0.335 0.165 0.132);
--color-tomatodarkp3a-1: color(display-p3 0.973 0.071 0.071 / 0.026);
--color-tomatodarkp3a-2: color(display-p3 0.992 0.376 0.224 / 0.051);
--color-tomatodarkp3a-3: color(display-p3 0.996 0.282 0.176 / 0.148);
--color-tomatodarkp3a-4: color(display-p3 1 0.204 0.118 / 0.232);
--color-tomatodarkp3a-5: color(display-p3 1 0.286 0.192 / 0.29);
--color-tomatodarkp3a-6: color(display-p3 1 0.392 0.278 / 0.353);
--color-tomatodarkp3a-7: color(display-p3 1 0.459 0.349 / 0.45);
--color-tomatodarkp3a-8: color(display-p3 1 0.49 0.369 / 0.601);
--color-tomatodarkp3a-9: color(display-p3 1 0.408 0.267 / 0.82);
--color-tomatodarkp3a-10: color(display-p3 1 0.478 0.341 / 0.853);
--color-tomatodarkp3a-11: color(display-p3 1 0.585 0.455);
--color-tomatodarkp3a-12: color(display-p3 0.959 0.833 0.802);
}