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-goldp3a-1: color(display-p3 0.349 0.349 0.024 / 0.012);
--color-goldp3a-2: color(display-p3 0.592 0.514 0.024 / 0.048);
--color-goldp3a-3: color(display-p3 0.4 0.357 0.012 / 0.091);
--color-goldp3a-4: color(display-p3 0.357 0.298 0.008 / 0.134);
--color-goldp3a-5: color(display-p3 0.345 0.282 0.004 / 0.185);
--color-goldp3a-6: color(display-p3 0.341 0.263 0.004 / 0.244);
--color-goldp3a-7: color(display-p3 0.345 0.235 0.004 / 0.322);
--color-goldp3a-8: color(display-p3 0.345 0.22 0.004 / 0.436);
--color-goldp3a-9: color(display-p3 0.286 0.18 0 / 0.589);
--color-goldp3a-10: color(display-p3 0.255 0.161 0 / 0.62);
--color-goldp3a-11: color(display-p3 0.433 0.386 0.305);
--color-goldp3a-12: color(display-p3 0.227 0.209 0.173);
--color-golddarkp3a-1: color(display-p3 0.855 0.855 0.071 / 0.005);
--color-golddarkp3a-2: color(display-p3 0.98 0.89 0.616 / 0.043);
--color-golddarkp3a-3: color(display-p3 1 0.949 0.753 / 0.08);
--color-golddarkp3a-4: color(display-p3 1 0.933 0.8 / 0.118);
--color-golddarkp3a-5: color(display-p3 1 0.949 0.804 / 0.16);
--color-golddarkp3a-6: color(display-p3 1 0.925 0.8 / 0.215);
--color-golddarkp3a-7: color(display-p3 1 0.945 0.831 / 0.278);
--color-golddarkp3a-8: color(display-p3 1 0.937 0.82 / 0.366);
--color-golddarkp3a-9: color(display-p3 0.996 0.882 0.69 / 0.551);
--color-golddarkp3a-10: color(display-p3 1 0.894 0.725 / 0.601);
--color-golddarkp3a-11: color(display-p3 0.784 0.728 0.635);
--color-golddarkp3a-12: color(display-p3 0.906 0.887 0.855);
}