tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.42 kB
CSS
@theme {
--color-jadep3-1: color(display-p3 0.986 0.996 0.992);
--color-jadep3-2: color(display-p3 0.962 0.983 0.969);
--color-jadep3-3: color(display-p3 0.912 0.965 0.932);
--color-jadep3-4: color(display-p3 0.858 0.941 0.893);
--color-jadep3-5: color(display-p3 0.795 0.909 0.847);
--color-jadep3-6: color(display-p3 0.715 0.864 0.791);
--color-jadep3-7: color(display-p3 0.603 0.802 0.718);
--color-jadep3-8: color(display-p3 0.44 0.72 0.629);
--color-jadep3-9: color(display-p3 0.319 0.63 0.521);
--color-jadep3-10: color(display-p3 0.299 0.592 0.488);
--color-jadep3-11: color(display-p3 0.15 0.5 0.37);
--color-jadep3-12: color(display-p3 0.142 0.229 0.194);
--color-jadedarkp3-1: color(display-p3 0.059 0.083 0.071);
--color-jadedarkp3-2: color(display-p3 0.078 0.11 0.094);
--color-jadedarkp3-3: color(display-p3 0.091 0.176 0.138);
--color-jadedarkp3-4: color(display-p3 0.102 0.228 0.177);
--color-jadedarkp3-5: color(display-p3 0.133 0.279 0.221);
--color-jadedarkp3-6: color(display-p3 0.174 0.334 0.273);
--color-jadedarkp3-7: color(display-p3 0.219 0.402 0.335);
--color-jadedarkp3-8: color(display-p3 0.263 0.488 0.411);
--color-jadedarkp3-9: color(display-p3 0.319 0.63 0.521);
--color-jadedarkp3-10: color(display-p3 0.338 0.68 0.555);
--color-jadedarkp3-11: color(display-p3 0.4 0.835 0.656);
--color-jadedarkp3-12: color(display-p3 0.734 0.934 0.838);
}