tailwindcss-radix-colors
Version:
A Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
26 lines • 1.6 kB
CSS
@theme {
--color-olivep3a-1: color(display-p3 0.024 0.349 0.024 / 0.012);
--color-olivep3a-2: color(display-p3 0.024 0.302 0.024 / 0.028);
--color-olivep3a-3: color(display-p3 0.008 0.129 0.008 / 0.063);
--color-olivep3a-4: color(display-p3 0.012 0.094 0.012 / 0.095);
--color-olivep3a-5: color(display-p3 0.035 0.098 0.008 / 0.126);
--color-olivep3a-6: color(display-p3 0.027 0.078 0.004 / 0.157);
--color-olivep3a-7: color(display-p3 0.02 0.059 0 / 0.2);
--color-olivep3a-8: color(display-p3 0.02 0.059 0.004 / 0.279);
--color-olivep3a-9: color(display-p3 0.02 0.051 0.004 / 0.467);
--color-olivep3a-10: color(display-p3 0.024 0.047 0 / 0.51);
--color-olivep3a-11: color(display-p3 0.012 0.039 0 / 0.628);
--color-olivep3a-12: color(display-p3 0.008 0.024 0 / 0.891);
--color-olivedarkp3a-1: color(display-p3 0 0 0 / 0);
--color-olivedarkp3a-2: color(display-p3 0.984 0.988 0.976 / 0.03);
--color-olivedarkp3a-3: color(display-p3 0.992 0.996 0.988 / 0.068);
--color-olivedarkp3a-4: color(display-p3 0.953 0.996 0.949 / 0.102);
--color-olivedarkp3a-5: color(display-p3 0.969 1 0.965 / 0.131);
--color-olivedarkp3a-6: color(display-p3 0.973 1 0.969 / 0.169);
--color-olivedarkp3a-7: color(display-p3 0.98 1 0.961 / 0.228);
--color-olivedarkp3a-8: color(display-p3 0.961 1 0.957 / 0.334);
--color-olivedarkp3a-9: color(display-p3 0.949 1 0.922 / 0.397);
--color-olivedarkp3a-10: color(display-p3 0.953 1 0.941 / 0.452);
--color-olivedarkp3a-11: color(display-p3 0.976 1 0.965 / 0.688);
--color-olivedarkp3a-12: color(display-p3 0.992 1 0.992 / 0.929);
}