tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.4 kB
CSS
@theme {
--color-skyp3-1: color(display-p3 0.98 0.995 0.999);
--color-skyp3-2: color(display-p3 0.953 0.98 0.99);
--color-skyp3-3: color(display-p3 0.899 0.963 0.989);
--color-skyp3-4: color(display-p3 0.842 0.937 0.977);
--color-skyp3-5: color(display-p3 0.777 0.9 0.954);
--color-skyp3-6: color(display-p3 0.701 0.851 0.921);
--color-skyp3-7: color(display-p3 0.604 0.785 0.879);
--color-skyp3-8: color(display-p3 0.457 0.696 0.829);
--color-skyp3-9: color(display-p3 0.585 0.877 0.983);
--color-skyp3-10: color(display-p3 0.555 0.845 0.959);
--color-skyp3-11: color(display-p3 0.193 0.448 0.605);
--color-skyp3-12: color(display-p3 0.145 0.241 0.329);
--color-skydarkp3-1: color(display-p3 0.056 0.078 0.116);
--color-skydarkp3-2: color(display-p3 0.075 0.101 0.149);
--color-skydarkp3-3: color(display-p3 0.089 0.154 0.244);
--color-skydarkp3-4: color(display-p3 0.106 0.207 0.323);
--color-skydarkp3-5: color(display-p3 0.135 0.261 0.394);
--color-skydarkp3-6: color(display-p3 0.17 0.322 0.469);
--color-skydarkp3-7: color(display-p3 0.205 0.394 0.557);
--color-skydarkp3-8: color(display-p3 0.232 0.48 0.665);
--color-skydarkp3-9: color(display-p3 0.585 0.877 0.983);
--color-skydarkp3-10: color(display-p3 0.718 0.925 0.991);
--color-skydarkp3-11: color(display-p3 0.536 0.772 0.924);
--color-skydarkp3-12: color(display-p3 0.799 0.947 0.993);
}