tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.57 kB
CSS
@theme {
--color-yellowp3a-1: color(display-p3 0.675 0.675 0.024 / 0.024);
--color-yellowp3a-2: color(display-p3 0.953 0.855 0.008 / 0.079);
--color-yellowp3a-3: color(display-p3 0.988 0.925 0.004 / 0.251);
--color-yellowp3a-4: color(display-p3 0.98 0.875 0.004 / 0.373);
--color-yellowp3a-5: color(display-p3 0.969 0.816 0.004 / 0.491);
--color-yellowp3a-6: color(display-p3 0.875 0.71 0 / 0.526);
--color-yellowp3a-7: color(display-p3 0.769 0.604 0 / 0.542);
--color-yellowp3a-8: color(display-p3 0.725 0.549 0 / 0.687);
--color-yellowp3a-9: color(display-p3 1 0.898 0 / 0.781);
--color-yellowp3a-10: color(display-p3 0.969 0.812 0 / 0.71);
--color-yellowp3a-11: color(display-p3 0.6 0.44 0);
--color-yellowp3a-12: color(display-p3 0.271 0.233 0.137);
--color-yellowdarkp3a-1: color(display-p3 0.973 0.369 0 / 0.013);
--color-yellowdarkp3a-2: color(display-p3 0.996 0.792 0 / 0.038);
--color-yellowdarkp3a-3: color(display-p3 0.996 0.71 0 / 0.11);
--color-yellowdarkp3a-4: color(display-p3 0.996 0.741 0 / 0.152);
--color-yellowdarkp3a-5: color(display-p3 0.996 0.765 0 / 0.202);
--color-yellowdarkp3a-6: color(display-p3 0.996 0.816 0.082 / 0.261);
--color-yellowdarkp3a-7: color(display-p3 1 0.831 0.263 / 0.345);
--color-yellowdarkp3a-8: color(display-p3 1 0.831 0.314 / 0.463);
--color-yellowdarkp3a-9: color(display-p3 1 0.922 0.22);
--color-yellowdarkp3a-10: color(display-p3 1 1 0.455);
--color-yellowdarkp3a-11: color(display-p3 0.948 0.885 0.392);
--color-yellowdarkp3a-12: color(display-p3 0.959 0.934 0.731);
}