tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.57 kB
CSS
@theme {
--color-tealp3a-1: color(display-p3 0.024 0.757 0.514 / 0.016);
--color-tealp3a-2: color(display-p3 0.02 0.647 0.467 / 0.044);
--color-tealp3a-3: color(display-p3 0.004 0.741 0.557 / 0.106);
--color-tealp3a-4: color(display-p3 0.004 0.702 0.537 / 0.169);
--color-tealp3a-5: color(display-p3 0.004 0.643 0.494 / 0.24);
--color-tealp3a-6: color(display-p3 0.004 0.569 0.447 / 0.318);
--color-tealp3a-7: color(display-p3 0.004 0.518 0.424 / 0.42);
--color-tealp3a-8: color(display-p3 0 0.506 0.424 / 0.569);
--color-tealp3a-9: color(display-p3 0 0.482 0.404 / 0.702);
--color-tealp3a-10: color(display-p3 0 0.451 0.369 / 0.726);
--color-tealp3a-11: color(display-p3 0.08 0.5 0.43);
--color-tealp3a-12: color(display-p3 0.11 0.235 0.219);
--color-tealdarkp3a-1: color(display-p3 0 0.992 0.761 / 0.017);
--color-tealdarkp3a-2: color(display-p3 0.235 0.988 0.902 / 0.047);
--color-tealdarkp3a-3: color(display-p3 0.235 1 0.898 / 0.118);
--color-tealdarkp3a-4: color(display-p3 0.18 0.996 0.929 / 0.173);
--color-tealdarkp3a-5: color(display-p3 0.31 1 0.933 / 0.227);
--color-tealdarkp3a-6: color(display-p3 0.396 1 0.933 / 0.286);
--color-tealdarkp3a-7: color(display-p3 0.443 1 0.925 / 0.366);
--color-tealdarkp3a-8: color(display-p3 0.459 1 0.925 / 0.454);
--color-tealdarkp3a-9: color(display-p3 0.443 0.996 0.906 / 0.61);
--color-tealdarkp3a-10: color(display-p3 0.439 0.996 0.89 / 0.669);
--color-tealdarkp3a-11: color(display-p3 0.388 0.835 0.719);
--color-tealdarkp3a-12: color(display-p3 0.734 0.934 0.87);
}