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-cyanp3-1: color(display-p3 0.982 0.992 0.996);
--color-cyanp3-2: color(display-p3 0.955 0.981 0.984);
--color-cyanp3-3: color(display-p3 0.888 0.965 0.975);
--color-cyanp3-4: color(display-p3 0.821 0.941 0.959);
--color-cyanp3-5: color(display-p3 0.751 0.907 0.935);
--color-cyanp3-6: color(display-p3 0.671 0.862 0.9);
--color-cyanp3-7: color(display-p3 0.564 0.8 0.854);
--color-cyanp3-8: color(display-p3 0.388 0.715 0.798);
--color-cyanp3-9: color(display-p3 0.282 0.627 0.765);
--color-cyanp3-10: color(display-p3 0.264 0.583 0.71);
--color-cyanp3-11: color(display-p3 0.08 0.48 0.63);
--color-cyanp3-12: color(display-p3 0.108 0.232 0.277);
--color-cyandarkp3-1: color(display-p3 0.053 0.085 0.098);
--color-cyandarkp3-2: color(display-p3 0.072 0.105 0.122);
--color-cyandarkp3-3: color(display-p3 0.073 0.168 0.209);
--color-cyandarkp3-4: color(display-p3 0.063 0.216 0.277);
--color-cyandarkp3-5: color(display-p3 0.091 0.267 0.336);
--color-cyandarkp3-6: color(display-p3 0.137 0.324 0.4);
--color-cyandarkp3-7: color(display-p3 0.186 0.398 0.484);
--color-cyandarkp3-8: color(display-p3 0.23 0.496 0.6);
--color-cyandarkp3-9: color(display-p3 0.282 0.627 0.765);
--color-cyandarkp3-10: color(display-p3 0.331 0.675 0.801);
--color-cyandarkp3-11: color(display-p3 0.446 0.79 0.887);
--color-cyandarkp3-12: color(display-p3 0.757 0.919 0.962);
}