UNPKG

tailwindcss-radix-colors

Version:

A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS

26 lines 1.47 kB
@theme { --color-purplep3-1: color(display-p3 0.995 0.988 0.996); --color-purplep3-2: color(display-p3 0.983 0.971 0.993); --color-purplep3-3: color(display-p3 0.963 0.931 0.989); --color-purplep3-4: color(display-p3 0.937 0.888 0.981); --color-purplep3-5: color(display-p3 0.904 0.837 0.966); --color-purplep3-6: color(display-p3 0.86 0.774 0.942); --color-purplep3-7: color(display-p3 0.799 0.69 0.91); --color-purplep3-8: color(display-p3 0.719 0.583 0.874); --color-purplep3-9: color(display-p3 0.523 0.318 0.751); --color-purplep3-10: color(display-p3 0.483 0.289 0.7); --color-purplep3-11: color(display-p3 0.473 0.281 0.687); --color-purplep3-12: color(display-p3 0.234 0.132 0.363); --color-purpledarkp3-1: color(display-p3 0.09 0.068 0.103); --color-purpledarkp3-2: color(display-p3 0.113 0.082 0.134); --color-purpledarkp3-3: color(display-p3 0.175 0.112 0.224); --color-purpledarkp3-4: color(display-p3 0.224 0.137 0.297); --color-purpledarkp3-5: color(display-p3 0.264 0.167 0.349); --color-purpledarkp3-6: color(display-p3 0.311 0.208 0.406); --color-purpledarkp3-7: color(display-p3 0.381 0.266 0.496); --color-purpledarkp3-8: color(display-p3 0.49 0.349 0.649); --color-purpledarkp3-9: color(display-p3 0.523 0.318 0.751); --color-purpledarkp3-10: color(display-p3 0.57 0.373 0.791); --color-purpledarkp3-11: color(display-p3 0.8 0.62 1); --color-purpledarkp3-12: color(display-p3 0.913 0.854 0.971); }