tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.53 kB
CSS
@theme {
--color-amberp3a-1: color(display-p3 0.757 0.514 0.024 / 0.016);
--color-amberp3a-2: color(display-p3 0.902 0.804 0.008 / 0.079);
--color-amberp3a-3: color(display-p3 0.965 0.859 0.004 / 0.22);
--color-amberp3a-4: color(display-p3 0.969 0.82 0.004 / 0.35);
--color-amberp3a-5: color(display-p3 0.933 0.796 0.004 / 0.475);
--color-amberp3a-6: color(display-p3 0.875 0.682 0.004 / 0.495);
--color-amberp3a-7: color(display-p3 0.804 0.573 0 / 0.557);
--color-amberp3a-8: color(display-p3 0.788 0.502 0 / 0.699);
--color-amberp3a-9: color(display-p3 1 0.686 0 / 0.742);
--color-amberp3a-10: color(display-p3 0.945 0.643 0 / 0.726);
--color-amberp3a-11: color(display-p3 0.64 0.4 0);
--color-amberp3a-12: color(display-p3 0.294 0.208 0.145);
--color-amberdarkp3a-1: color(display-p3 0.992 0.298 0 / 0.017);
--color-amberdarkp3a-2: color(display-p3 0.988 0.651 0 / 0.047);
--color-amberdarkp3a-3: color(display-p3 1 0.6 0 / 0.118);
--color-amberdarkp3a-4: color(display-p3 1 0.557 0 / 0.185);
--color-amberdarkp3a-5: color(display-p3 1 0.592 0 / 0.24);
--color-amberdarkp3a-6: color(display-p3 1 0.659 0.094 / 0.299);
--color-amberdarkp3a-7: color(display-p3 1 0.714 0.263 / 0.383);
--color-amberdarkp3a-8: color(display-p3 0.996 0.729 0.306 / 0.5);
--color-amberdarkp3a-9: color(display-p3 1 0.769 0.259);
--color-amberdarkp3a-10: color(display-p3 1 0.871 0.149);
--color-amberdarkp3a-11: color(display-p3 1 0.8 0.29);
--color-amberdarkp3a-12: color(display-p3 0.984 0.909 0.726);
}