tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.46 kB
CSS
@theme {
--color-indigop3-1: color(display-p3 0.992 0.992 0.996);
--color-indigop3-2: color(display-p3 0.971 0.977 0.998);
--color-indigop3-3: color(display-p3 0.933 0.948 0.992);
--color-indigop3-4: color(display-p3 0.885 0.914 1);
--color-indigop3-5: color(display-p3 0.831 0.87 1);
--color-indigop3-6: color(display-p3 0.767 0.814 0.995);
--color-indigop3-7: color(display-p3 0.685 0.74 0.957);
--color-indigop3-8: color(display-p3 0.569 0.639 0.916);
--color-indigop3-9: color(display-p3 0.276 0.384 0.837);
--color-indigop3-10: color(display-p3 0.234 0.343 0.801);
--color-indigop3-11: color(display-p3 0.256 0.354 0.755);
--color-indigop3-12: color(display-p3 0.133 0.175 0.348);
--color-indigodarkp3-1: color(display-p3 0.068 0.074 0.118);
--color-indigodarkp3-2: color(display-p3 0.081 0.089 0.144);
--color-indigodarkp3-3: color(display-p3 0.105 0.141 0.275);
--color-indigodarkp3-4: color(display-p3 0.129 0.18 0.369);
--color-indigodarkp3-5: color(display-p3 0.163 0.22 0.439);
--color-indigodarkp3-6: color(display-p3 0.203 0.262 0.5);
--color-indigodarkp3-7: color(display-p3 0.245 0.309 0.575);
--color-indigodarkp3-8: color(display-p3 0.285 0.362 0.674);
--color-indigodarkp3-9: color(display-p3 0.276 0.384 0.837);
--color-indigodarkp3-10: color(display-p3 0.354 0.445 0.866);
--color-indigodarkp3-11: color(display-p3 0.63 0.69 1);
--color-indigodarkp3-12: color(display-p3 0.848 0.881 0.99);
}